CSS div's

Tags:    css div html

Hej kære udviklere.

Jeg har et lille problem.
Jeg er ved at lave et fullscreen website design.. Dette betyder at jeg har et logo, en footer, to menuer (højre og venstre side) og indhold i midten. Mit problem er, at jeg ved ikke hvordan man får menu-div'erne til at gå hele vejen fra logoet til footeren, idet det skal fylde hele siden.. Er der nogen der har en idé om, hvordan man gør dette?

Hvis ikke i forstår hvad jeg mener helt præcist, så bare spørg! :)

På forhånd, tak!



5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 17 karma
Sorter efter stemmer Sorter efter dato
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
Er det det du mener?



For at opnå denne effekt skal du bruge en kombination af faux-columns og absolute positioned footer.

Faux-columns er brugen af et vertikalt gentagende baggrundsbillede, som skaber illusionen om de tre kolonner.

Footeren laver du ved at position: absolute; bottom: 0; ...


Men jeg vil dog ikke anbefale denne tilgang.

I stedet skulle du gå på kompromis med din footer.

http://dabblet.com/gist/1695949 (fullpage result: http://dabblet.com/result/gist/1695949/b47d68201cbb57b59c5a9760fb74d1090c19d598 )

Der får du en footer som altid fylder vinduet ud, hvis der ikke er scroll på siden. I content putter du dine equal heights columns fra @Anders Søgaards link.



Indlæg senest redigeret d. 28.01.2012 23:14 af Bruger #17015
Er det ikke bare at sætte højden til 100%?

Ellers tror jeg ikke jeg forstår! :)



Tror også bare du skal sætte height til 100% ;)



Hej igen kære udviklere.

Jeg har fundet en løsning med noget placering (position:fixed), og det virker faktisk ganske glimrende (indtil videre i hvert fald :D ).

Jeg takker for jeres hjælp, der var nogle interessante forslag imellem. :)



t