Premettendo che sono un autodidatta vorrei cominciare ad usare i css al posto delle tabelle per realizzare il mio layout. Nel seguente codice cosa devo metterci per implementare due box all'interno di quello principale.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">
<head>

<title>Centrare verticalmente un oggetto in un contenitore</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">

html, body{
margin:0;
padding:0;
font-family: "Trebuchet MS", Georgia, Verdana, sans-serif;
text-align:center;
}

#container {
margin: 20px auto;
padding:0;
position:relative;
width:750px;
height:750px;
background:#FFFFFF;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
word-spacing: normal;
border-top: 2px solid #999999;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 2px solid #999999;
top: 1px;
}

#container2{
position:relative;
left:0px;
top:0px;
background:#666666;
width:200px;
height:99px;
}

</style>

</head>


<body>
<div id="container">
<div id="container2">
<div align="left">[img]../Hintergrund/HEADER.jpg[/img]
</div>
</div>
</div>

</body>
</html>

GRZAIE A TUTTI