23. november 2004 - 17:18Der er
14 kommentarer og 1 løsning
Skabelon til site - menu til venstre, hoved-side til højre
Hej Eksperter.
Mit CSS driller. Jeg ønsker at min side har den klassiske opdeling med en menu i venstre side, og selve sidens indhold i en "kasse" til højre for menuen.
At lave den slags med tabeller er ingen sag. Men hvordan kan det laves med Div/Span? Uden brug af 'position' vel at mærke.
her ville float være lige sagen for dig :-) <div style="float:left;width:100px;height:100px;border:1px solid #000;margin-right:30px">Menu</div> <div style="float:left;width:500px;height:100px;border:1px solid #000">Indhold</div>
men for så vidt er der intet i vejen med at lave de to kolonner til menu og indhold med tabeller. Det er mere rent tabel-design, man fraråder mod (hvis man skal tro W3C i hvert fald).
ja, mindsandten. Når jeg tænker over det er det heller ikke i dette tilfælde at float:left ikke behøves på det andet element. Der er nemlig en forskel mellem block-elementer og inline-elementer på dette punkt, og det er inline-elementer (som <span>) hvor du ikke behøver float.
Det er margin:0px auto; som er et meget fint trick til centrering (og faktisk helt i henhold med standarden). Den kræver dog en bredde og vi her bruger 734 (200+500+30+4*1). Her er de sidste 4px fra borderen.
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.