Wie kan me helpen met layout codeer probleem?

css:

html, body{
margin: 0px;
padding: 0px;
}

#header{
background: url(images/tyronium_login_layout_1024p.gif);
margin: 0px;
padding: 0px;
width: 1024px;
height: 180px;
}

#left{
background: url(images/tyronium_login_layout_10-03.gif);
margin: 0px;
padding: 0px;
width: 189px;
height: 588px;
float: left;
}

#div_float{
float: left;
margin: 0px;
padding: 0px;
}

#middle1{
background: url(images/tyronium_login_layout_10-04.gif);
width: 648px;
height: 87px;
}

#middle2{
background: url(images/tyronium_login_layout_10-06.gif);
width: 648px;
height: 146px;
}

#space1{
background: url(images/tyronium_login_layout_10-07.gif);
width: 252px;
height: 25px;
float: left;
}

#login{
background: url(images/tyronium_login_layout_10-08.gif);
width: 127px;
height: 25px;
float: left;
}

#space2{
background: url(images/tyronium_login_layout_10-09.gif);
width: 9px;
height: 25px;
float: left;
}

#register{
background: url(images/tyronium_login_layout_10-10.gif);
width: 115px;
height: 25px;
float: left;
}

#space3{
background: url(images/tyronium_login_layout_10-11.gif);
width: 145px;
height: 25px;
float: left;
}

#space4{
background: url(images/tyronium_login_layout_10-12.gif);
width: 648px;
height: 49px;
margin: 0px;
padding: 0px;
}

html

<div id="header">
</div>
    
    <div id="left">
    </div>
    
    <div id="div_float">
    
            <div id="middle1"></div>
            <div id="middle2"></div>
            <div id="space1"></div>
            <div id="login"></div>
            <div id="space2"></div>
            <div id="register"></div>
            <div id="space3"></div>
            <div id="space4"></div>
    </div>

Getest in firefox/chrome/internet explorer

maar bij firefox en chrome laat hij space 4 niet helemaal zien: http://www.tyronium.nl

Doe ik het wel goed zo of moet ik het op een andere manier coderen?

Iemand die de fout weet?

~Tijs

die space 4 zie ik in opera ernaast.

Ik zou sowieso je layout eerst netjes in een container stoppen zodat alles netjes bijelkaar blijft in 1 groot vak.
ten 2e zou ik eerst alles beter slicen. Je heb eigenlijk teveel plaatjes waardoor je het voor jezelf veels te moeilijk maakt door de vele divs. Je kan veel beter met margins gaan werken om tussenruimtes te creëren.

Marjolein schreef:

die space 4 zie ik in opera ernaast.

Ik zou sowieso je layout eerst netjes in een container stoppen zodat alles netjes bijelkaar blijft in 1 groot vak.
ten 2e zou ik eerst alles beter slicen. Je heb eigenlijk teveel plaatjes waardoor je het voor jezelf veels te moeilijk maakt door de vele divs. Je kan veel beter met margins gaan werken om tussenruimtes te creëren.

1: heb je gelijk in
2: maar dan gaat de layout lelijk uit zien omdat het bijv geen zwart is op de achtergrond

dan voeg je een background toe aan je body?

Marjolein schreef:

dan voeg je een background toe aan je body?

Zou kunnen
Misschien dat het ook makkelijker zal zijn als ik gewoon de hele layout als bg doe en dan divs met margin positioneer waar bijvoorbeeld links moeten komen?

Of is dat een slechte manier?

dat is idd een slechte manier, beter is om je layout in stukjes te knippen (slicen) zo min mogelijk afbeeldingen en zo klein mogelijk des te minder laadtijd kost dit