Alla fine i div si ripetono, sono quasi tutti uguali, comunque questo è il css:
codice:
html, body {
background:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#FFF;
margin:0;
padding:0;
height:100%;
width:100%;
border:0;
}
#div width 100%_1 {
height:50px;
background:#999;
width:100% !important;
margin:0;
}
#div width 100%_2 {
height:150px;
background:#666;
width:100% !important;
margin:0;
}
#div centrato{
margin:0 auto;
margin-top:50px;
margin-bottom:50px;
height: auto !important;
width:950px;
background-color:#333;
}
#div width 100%_3 {
height:50px;
background:#666;
width:100% !important;
margin:0;
}
#div width 100%_4 {
height:150px;
background:#999;
width:100% !important;
margin:0;
}
E questo è il codice HTML:
codice:
<body>
<div id="div width 100%_1">
</div>
<div id="div width 100%_2">
</div>
<div id="div centrato">
</div>
<div id="div width 100%_3">
</div>
<div id="div width 100%_4">
</div>
</body>
Il codice html è molto semplice, il problema sta nei css di sicuro.
Tra l'altro ho notato diversi siti internet già presenti sul web, molto ben curati, che hanno questo stesso problema, cioè che il div che ha il width a 100% non mantenga la sua posizione quando la pagina si restringe!
Altri siti inutile dire che questo problema non ce l'hanno.
Mi auguro di risolvere questo problema