[html/css] div is te hoog

[Stalkert]

Ik ben bezig geweest met een (simpel) statische website. Mijn doel van dit 'project(je)' was vooral efficiente code gebruiken. Geen onnodige tables, lege tags, etc. Voor de uitdaging heb ik tables eens helemaal weggelaten. Echter loop ik tegen een probleem aan waar ik niet uitkom.

Als jullie het Karkas bekijken zie je dat de border onderaan compleet uit het beeld loopt (IE). De bedoeling is dat deze precies de hoogte van de browser aanneemt. Dit moet ook gebeuren voor de onderkant van het menu. Ook in Firefox klopt het niet. Ik heb ergens op internet gelezen dat je de parent op 100% moet hebben staan voordat je dit voorelkaar krijgt met divjes. Ik heb nu HTML en body op 100% gezet en ook de main div maar ik krijg het gewoon niet voor elkaar. Waarschijnlijk is het iets kleins. Kan iemand mij op weg helpen?

Kijk hier: http://www.stalkert.nl/site

[samo]

de height is 100% + border + margin. Als je die hebt ingesteld, wordt alles inderdaad zichtbaar hoger. Probeere eens 99%?

[Stalkert]

Maakt bij mij niet uit. Het is ook niet zomaar een verschil van 1% maar meer. Ook is het vreemd dat main gewoon uit de andere DIV loopt.

[moozzuzz]

Stalkert schreef op maandag 16 april 2007 @ 20:13:
Maakt bij mij niet uit. Het is ook niet zomaar een verschil van 1% maar meer. Ook is het vreemd dat main gewoon uit de andere DIV loopt.

Zoek es in de search (GoT) of google op 100% height, het topic komt hier bijna dagelijks voor...

[crisp]

Stalkert schreef op maandag 16 april 2007 @ 20:13:
Maakt bij mij niet uit. Het is ook niet zomaar een verschil van 1% maar meer. Ook is het vreemd dat main gewoon uit de andere DIV loopt.

Nee, het zijn 2 pixels; je #container heeft immers een border, dus de hoogte daarvan wordt 100% + 1px + 1px