Salve,
ho un problema con le impostazioni riguardanti i div che ho inserito nel mio sito.
Quella che vorrei ottenere è una pagina di dimensioni fissate a 1300 X 1350 pixel, non mi importa se viene visualizzata solo in parte dai browser.
Ho creato diversi div che, insieme dovrebbero coprire l'intera pagina così impostata.
Ho anche creato un div, con dimensioni 1300 X 1350, che contiene tutti gli altri.
Il risultato è che la pagina aperta ha effettivamente le dimensioni desiderate, grazie al div contenitore, ma (a parte il div che funge da header) gli altri vengono spostati tutti sulla sinistra e verso l'alto della pagina.
Questo anche se mi sembra di aver impostato tutto correttamente.
Ecco il codice:
<div id="container">
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7">
</div>
</div>
Ed ecco il CSS esterno (in ogni div andrà inserita un'immagine di sfondo, ma quello lo so fare):
#container {
position:absolute;
width:1300px;
height:1350px;
margin:0px;
left: 0px;
top: 0px;
}
#Layer1 { \\header
position:absolute;
width:1300px;
height:150px;
z-index:1;
left: 0px;
top: 0px;
font-family: "Century Gothic";
font-size: 36px;
text-align: center;
font-weight: bolder;
letter-spacing: 1em;
}
#Layer2 { \\ ecco, da qua cominciamo tutti a venire spostati verso sinistra e verso l'alto
position:absolute;
width:350;
height:50px;
z-index:2;
left: 800;
top: 150px;
font-family: "Century Gothic";
font-size: 16px;
font-style: italic;
font-weight: normal;
}
#Layer3 {
position:absolute;
width:650;
z-index:5;
left: 150;
top: 150;
}
#Layer4 {
position:absolute;
width:150;
height:1050;
z-index:4;
left: 0;
top: 150;
font-family: "Century Gothic";
font-size: 14px;
text-align: justify;
display: block;
}
#Layer5 {
position:absolute;
width:150;
z-index:3;
left: 1150;
top: 150;
font-family: "Century Gothic";
font-size: 14px;
text-align: justify;
overflow: auto;
display: block;
height: 1050;
}
#Layer6 {
position:absolute;
width:1000;
height:1000px;
z-index:1;
left: 150;
top: 200px;
font-family: "Century Gothic";
font-size: 14px;
text-align: justify;
display: block;
}
#Layer7 {
position:absolute;
width:1300;
height:150;
z-index:1;
left: 0;
top: 1200;
font-family: "Century Gothic";
font-size: 14px;
text-align: justify;
display: block;
}
Grazie mille per ogni aiuto!
Rispondi quotando
