Ciao a tutti e grazie per l'aiuto. Sto tentando di modificare un template, e in parte ci sono riuscito:rimane un problema. La struttura principale è composta così:
codice:
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="page">
<div id="leftcolumn">
<div id="bgtopside" class="roundtopside"></div>
<div id="bgbottomleft" class="sidebar">
</div>
</div>
<div id="centercolumn">
<div id="bgtopcenter"></div>
<div id="bgbottomcenter">
</div>
</div>
<div id="rightcolumn">
<div id="bgtopside" class="roundtopside"></div>
<div id="bgbottomright" class="sidebar">
</div>
</div>
<div style="clear: both;"></div>
</div>
</div>
</body>
e di seguito il css che lo modifica:
codice:
#page {
width: 1120px;
margin: 0 auto;
min-height:1000px;
height:1000px;
/*background: #FFFFFF url(images/img06.gif);*/
}
#rightcolumn{
float:right;
}
#bgtopside{
height: 20px;
}
#bgtopcenter{
height: 20px;
width: 500px
}
.roundtopside{
background: url(images/new-bgtop.gif) no-repeat;
width:250px;
}
#bgbottomleft {
float: left;
width:250px;
padding: 0 0 20px 20px;
}
#bgbottomcenter {
/*background: url(images/img09.gif) no-repeat left bottom;*/
float: left;
width:500px;
padding: 0 0 20px 20px;
}
#bgbottomright {
float: right;
width:250px;
padding: 0 20px 20px 0;
}
NB:i bgtop servono a contenere delle immagini per fare i bordi arrotondati.
Il problema è che il div "centercolumn" non ha la larghezza fissa, quindi va a mettersi sotto il primo bgtopside col rislutato che le seconde 2 colonne sono più in basso di quanto dovrebbero di 20px (altezza di bgtopside). Se provo a mettere la larghezza a centercolumn questa si posiziona sotto la prima colonna e la terza a fianco a quest'ultima. Non so come fare! Grazie dell'aiuto