Height 100% så den rør bunden

Tags:    css html webdesign

-hej-
jeg har et problem med mit design
den side div boks med menu links i siden
til højere for indholdet skal flugte med bunden men
hvordan?

i kan se siden her:
brok-blog.hostzi.com/

og css koden til siden her
Css
Fold kodeboks ind/udCSS kode 

hvis der er en der kan hjælpe mig med at finde en løsning
på mit problem vil jeg være meget taknemlig
på forhånd tak :bounce:



6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
En simpel metode er at pakke din hjemmeside ind i en wrap (div id="wrap)

På denne wrap skal du så benytte et baggrundsbillede med farven for dit venstre felt og for menuen til højre. ... husk at afstanden mellem de to områder også skal være en del af grafikken!

Grafik skal typisk være 1px hight og så sidens bredde.

Når nu venstre eller højre spalte vokser vil den tvinge din wrap til at vokse og på den måde vil "farve" (grafikken) følge med.

Håber det giver mening




I stedet for top:200px; så giver den bottom:0;

Det er dog ikke så hensigtsmæssigt fordi dine elementer kan overlappe hinanden ved lavere skærm opløsninger.



Hmmm ser ikke ud til at virke for mig :S



Hvis du styler det på din iframe virker det :)



Prøv at sætte "margin: 0px;"

:)

De fleste browsere bruger 5px eller ligende som standard instilling og derfor vil den typisk ikke røre siderne.

Edit:Ved dog ikke om dette har betydning når du benytter position absolute.



Indlæg senest redigeret d. 16.01.2012 21:05 af Bruger #6559
+1 til Morten. Du kan se et eksempel på det her: rolchau.dk - En gammel hjemmeside..ja den er nasty :)

Den bruger også cssstickyfooter.





t