Ciao a tutti,
sto affrontando il problema di centrare un box SIA VERTICALMENTE che ORIZZONTALMENTE nello schermo, in modo tale da poter adattare il mio sito a tutte le risoluzioni. Ho letto nel forum altri post sull’argomento, ma sinceramente non ho trovato la soluzione che fa per me.
Mi aiutate, per favore, a capire perche’ questo codice che ho scritto mi centra effettivamente in modo orizzontale il box che ho creato, ma verticalmente no?
C’e’ molto piu’ spazio nella parte bassa dello schermo che non in quella alta.
Il codice e’
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:url(sfondo.jpg) no-repeat fixed 100% 100%;
}
#content {
position:absolute;
left:50%;
width:694px;
margin-top:50px;
margin-left:-347px;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
#contenuto {
position:relative;
padding:0px;
background: url(bianco.gif) 0 0;
}
#contenuto p {
text-align: center
}
</style>
e poi nel body utilizzo
<div id="contenitore">
<div id="contenuto">
....
</div>
</div>
guardando il sito nella risoluzione 800x600 potrebbe anche essere accettabile, ma poi nella risoluzione 1024x768 non e' centrato verticalemente...
come posso fare????
grazie a tutti
ciao
e7
Rispondi quotando
