[CSS/HTML] Div probleem

[Edjaaah]

Ik ben bezig met het ontwerpen van een website, hierbij de situatie:

Ik heb in mijn HTML bestand een container div aangemaakt, met een border. In die container bevinden zicht 4 items, een header, menu (links), content area (rechts van menu) en een footer.

Bij het invullen van de content tegen het volgende probleem aan:

De content area loopt over de footer heen en buiten de borders van de container div.

html bestand
style sheet

Nb. de borders om header, menu, content en footer worden later verwijderd.

[MueR]

Je probleem is je position:absolute. Probeer eens gewoon in de flow te werken. Er zijn honderden voorbeelden van te vinden op google of hier in de search.
Je menu en content styles (even vlug aangepast via Firebug):

Cascading Stylesheet:

#menu {
background-color:#000000;
border:1px solid #000000;
color:#FFFFFF;
display:block;
float:left;
font-weight:bold;
margin:0px;
padding-top:20px;
text-align:left;
width:200px;
}
#content {
border:1px solid #000000;
display:block;
margin-left:200px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
top:175px;
}

[ Voor 64% gewijzigd door MueR op 07-12-2007 15:06 ]

[MoietyMe]

Je bent nogal verkeerd begonnen.

De standaard opmaak voor deze layout zou moeten zijn:

container
- header
- menu links; float:left
- content; float:right
- footer; clear:both

Hier nog een leuke/handige tutorial: Een website maken

[Edjaaah]

Ahh thanks. Ik had nog nooit met float gewerkt, omdat ik nooit zo goed wist wat het precies deed. Nu wel dus :-)