Permalänk
Medlem

CSS fråga

Här har ni en enkel skiss på hur jag vill ha det:
http://imageshack.us/photo/my-images/543/deleted.jpg/

1: Ska va en bild med en skugga
float: left

2.Headern,
float:left

3. Ska va en bild med en skugga
float: left

4. Ska vara en meny. Vill ha upp den under headern. Men i nu läget hamnar den under 1:an.

Vad ska man göra åt det? Vet att 3:an har float left därav kommer det till "nästa rad". Så är det kanske enklare att sätta skuggorna som en enda bakgrundsbild?
Eller ska man sätta 3an så att den div mässigt kommer efter 5an och sen köra margin -150px typ?

Känns dock fel att sätta minus

Permalänk
Medlem

Gruppera dina element bättre:

#sidebar1, #sidebar2, #page { float:left; overflow:hidden; } #page #header, #page #menu, #page #content { ... } // ingen float här ... <div id="wrapper"> <div id="sidebar1"> ... </div> <div id="page"> <div id="header"> ... </div> <div id="menu"> ... </div> <div id="content"> ... </div> </div> <div id="sidebar2"> ... </div> </div>

Visa signatur

Kom-pa-TI-bilitet