Codering layout

Hallo
Ik heb een probleempje nl. Ik ben net begonnen (Dit is mn eerste lay-out) met het coderen van mijn weblayout is css, maar als er 3 dringen samen moeten komen, ik bedoel |___||___||___| i.p.v. |___________| dat loopt hij in elkaar en geeft hij enkel 1 |___| weer.
Dit is mijn code:

#container {
   width: 629px;
} 
#header {
   width: 629px;
   height: 394px;
   background-image: url(http://img13.imageshack.us/img13/1736/bovenkantr.png);
   float: left;
}
#lcontent {
   width: 114px;
   height: 111px;
   background-image: url(http://img195.imageshack.us/img195/806/menum.png); }
   float: left;
} 
#bar {
   width: 99px;
   height: 111px;
   background-image: url(http://img198.imageshack.us/img198/5281/barf.png); }
   float: left;
} 
#rcontent {
   width: 416px;
   height: 111px;
   background-image: url(http://img196.imageshack.us/img196/6769/rcontent.png); }
   float: left;
}

#footer {
   width: 629px;
   height: 62px;
   background-image: url(http://img197.imageshack.us/img197/8431/onderkantm.png); }
   float: left;
}

Mvg.

sowieso zou ik niet linkjes van imageshack gebruiken maar gewoon een images map maken en ze daa rin zetten..

Jponsen:
sowieso zou ik niet linkjes van imageshack gebruiken maar gewoon een images map maken en ze daa rin zetten..

Jepjep, maar het is maar een testlayout, en aangezien gisteren de server stuk was kon ik niet uploaden naar mn host.
Jponsen:
sowieso zou ik niet linkjes van imageshack gebruiken maar gewoon een images map maken en ze daa rin zetten..

Kan dat het probleem dan oplossen?

na elke float "position:inherit;" zetten als het goed is

Anders gaan ze namelijk allemaal aan de linkerkant floaten, wat betekend dat ze allemaal zo ver mogelijk links willen liggen (en dus over elkaar heen gaan)

Doet het nog altijd niet:

#container {
   width: 629px;
} 
#header {
   width: 629px;
   height: 394px;
   background-image: url(http://img13.imageshack.us/img13/1736/bovenkantr.png);
   float: left;
   position:inherit;
}
#lcontent {
   width: 114px;
   height: 111px;
   background-image: url(http://img195.imageshack.us/img195/806/menum.png); }
   float: left;
   position:inherit;
}
#bar {
   width: 99px;
   height: 111px;
   background-image: url(http://img198.imageshack.us/img198/5281/barf.png); }
   float: left;
   position:inherit;
}
#rcontent {
   width: 416px;
   height: 111px;
   background-image: url(http://img196.imageshack.us/img196/6769/rcontent.png); }
   float: left;
   position:inherit;
}
#footer {
   width: 629px;
   height: 62px;
   background-image: url(http://img197.imageshack.us/img197/8431/onderkantm.png); }
   float: left;
   position:inherit;
}

Heeft nog iemand een idee ?
|Bumpje xD|

volgens mij moet je je left content en je right content ook in een aparte div zetten die je bepaalde waardes meegeef. Ik weet het niet zeker hoor, ik ben ook niet zon held in die dingen.

Het werkt.