[css]lijnen lopen niet door

[Megamind]

Ik gebruik voor een site voornamelijk stylesheets, dus geen tabellen meer, dat schijnt goed te werken alleen op 1 dingetje na.

Er staat een algehele border om de site heen die zijn hoogte aanpast aan de content, maar niet aan het sidemenu wat vaak veel langer is. Ik bedoel het zo

Ik gebruik deze code daarvoor:

code:

#page {
    font-style : normal;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-left: auto;
    margin-right: auto;
    min-width: 772px;
    min-height: 1800px;
}

Hoe kan ik ervoor zorgen dat de borders helemaal tot onderaan doorlopen?

[flexje]

Hmmm margin-bottom misschien op 0 zetten? (van pagina)

[crisp]

zet een element onder je floats met de clear property

[Megamind]

crisp schreef op 04 april 2004 @ 12:48:
zet een element onder je floats met de clear property

Je bedoelt onderaan bij de voettekst?

[crisp]

onderaan je menu; floats zitten niet in de flow en zullen derhalve je container niet uitrekken. Door een element met clear te gebruiken kan je dat afdwingen.

Ik heb maar vluchtig naar je CSS gekeken, maar ik zag dat je float gebruikte voor je zijmenu.

[ Voor 24% gewijzigd door crisp op 04-04-2004 13:17 ]

[Skaah]

Cascading Stylesheet:

body { height: 100%;}

[Verwijderd]

Onderaan staat er een <div> die clear: both doet. Het verschilt wel per browser, Opera doet het goed, Firefox en Mozilla doen weer andere gekke dingen, IE doet die lijntjes raar.

De body height op 100% zetten heeft weer allerlei andere bij-effecten, dat helpt dus niet.