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ì:
e di seguito il css che lo modifica: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>
NB:i bgtop servono a contenere delle immagini per fare i bordi arrotondati.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; }
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
Rispondi quotando
