Salve a tutti,
ho un piccolo problemino con l'impaginazione di questa home page.
Stò provando qyuesta struttura sia su firefox che su IE(6)
su firefox:
1- così come posto il codice ora è perfetto
su:IE(6):
1- l'immagine di destra del contenitore div#container_right va a finire sotto ( a seconda di come cambio il float: "left, right o se non lo metto si allinea centrale da solo, ma la stessa cosa su firefox)
2- la scritta footer, mi riporta una r nella riga successiva.
3- la riga dove inserisco l'immagine del bottom (immagine orizzontale) si sposta + sotto creando spazio tra il div#center ( che contiene testata corpo e footer) e questo div#bottom
Avete idea di come risolvere? posto il css e l'index:
css:
index:Codice PHP:html,body{
margin: 0 auto;
height: 100%;
background-color:#4D4F4C;
}
div#sito {
text-align:center;
margin: 0 auto;
height: 100%;
width: 808px;
}
div#container_left {
float:left;
width:13px;
height:100%;
background-color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
background-image: url(img/barra_bg_left.jpg);
background-repeat: no-repeat;
background-position: right;
}
div#container {
float:left;
width:780px;
height:100%;
background-color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
margin: auto;
}
div#container_right {
float:left;
width:15px;
height:100%;
background-color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
background-image:url(img/barra_bg_right.jpg);
background-repeat: repeat-y;
background-position:left;
}
div#top{
float:left;
text-align:center;
background-color:#000000;
width: 780px;
height: 8%;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
div#center{
text-align: center;
background-color: #000000;
width: 780px;
height: 450px;
}
/* APERTURA STRUTTURA DEL CENTER */
div#testata{
float:left;
text-align:center;
background-color:#FF0000;
width:780px;
height:40px;
}
div#corpo{
float:left;
text-align:center;
color:#000000;
background-color:#f5f5f5;
width:780px;
height:370px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
}
div#footer{
float:left;
text-align:center;
background-color:#FF0000;
width:780px;
height:40px;
}
/* CHIUSURA STRUTTURA DEL CENTER */
div#ind_test1{
float:left;
text-align:left;
color:#FFFFFF;
background-color:#666666;
width:100px;
height:100%;
}
div#ind_test2{
float:left;
text-align:left;
color:#FFFFFF;
background-color:#666666;
width:100px;
height:100%;
}
div#ind_test3{
float:left;
text-align:left;
color:#FFFFFF;
background-color:#666666;
width:100px;
height:100%;
}
div#bottom{
float:left;
background-color:#000000;
width:780px;
height:8%;
background-image: url(img/bottom_intro_r2_c1.gif);
background-repeat: repeat-x;
background-position: top;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
Ultimo punto, (stavo per dimenticarmene):Codice PHP:<html>
<body>
<div id="sito">
<div id="container_left"></div>
<div id="container">
<div id="top">TOP</div>
<div id="center">
<div id="testata">
<div id="ind_test1">Chi siamo</div>
<div id="ind_test2">Dove siamo</div>
<div id="ind_test3">Contattaci</div>
</div>
<div id="corpo">CORPO della "pagina"</div>
<div id="footer">footer</div>
</div>
<div id="bottom"> bottom </div>
</div>
<div id="container_right"></div>
</div>
</body>
</html>
Vorrei che la struttura a dimensioni fisse fosse centrata non solo orizzontalmente, ma anche verticalmente. Cioè, verri poter centrare il div del center non solo orizzontalmente, ma anche in verticale in modo che ridimensionando la finestra lo spazio del bottom, resta sempre uguale a quello del top.
ora così come è messo ho dato la percentuale al top e al bottom, ma visualizzando la pagina su una risoluzione di 1280x1024 si sposta molto in alto, mentre è perfetto per la 1024x768.
grazie per l'attenzione spero che possiate aiutarmi!
Roberto
Rispondi quotando
VVoVe: 