ciao a tutti,
sto imparando a fare i css da poco e ho riscontrato un problema
il div verde che devo metterlo al centro no ci sta... ho provato a metter margin left e right e si sposta al centro ovviamente, ma i div laterali in pratica scendono lasciando sopra di loro l'esatta dimensione del div centrale, cosa ho sbagliato?
qualcuno sa aiutarmi?
ecco l'immagine:
ecco il codice :
#contenitore{
margin:auto;
}
#box {
height:auto;
background-color:#FF3366;
background-repeat:repeat-y;
margin:0;
}
#testa {
margin:0;
background-color:#FFCCFF;
height:100px;
}
#piedi {
background-color:#FF00CC;
height:50px;
margin:0;
clear:both
}
#sinistra {
background-color:#FFFFFF;
width:100px;
float:left;
}
#destra {
background-color:#FFCCFF;
width:100px;
float:right;
}
#centro{
background-color:#00CC00;
width:100px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="contenitore">
<div id="box">
<div id="testa">testa</div>
<div id="centro">Inserire qui il contenuto per id "centro"</div>
<div id="sinistra">
oreojfdff</p>
f</p>
</p>
</div>
<div id="destra">
Inserire qui il coas</p>
s</p>
s</p>
s</p>
s</p>
s</p>
s</p>
ntenuto per id "destra"</p>
</div>
<div id="piedi">piedi </div>
</div>
</div>
</body>
</html>
Rispondi quotando
