Ciao ragazzi, ho impostato HTML e BODY sul mio css così:
codice:html { hheight: 100%; line-height:100%; } body { margin: auto; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 75%; background-color: #FFFFFF; color: #000000; height: 100%; width:760px; background-image: url(images/bg.gif); }
Mentre firefox e safari, ovviamente, centrano il sito impostato con la lunghezza di 760px, su Explorer il sito si allarga per tutto lo schermo.
In base alla vostra esperienza come posso risolvere?
grazie
ciao
è poco kiaro quello che hai scritto;
sicuro che vuoi il body di 760px oppure un box di quella larghezza?
A dire il vero non ho mai visto una dichiarazione del genere.
Se provi a spiegare meglio quello che vorresti ottenere, ti si può aiutare.
Floyd
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Originariamente inviato da floyd46
ciao
è poco kiaro quello che hai scritto;
sicuro che vuoi il body di 760px oppure un box di quella larghezza?
A dire il vero non ho mai visto una dichiarazione del genere.
Se provi a spiegare meglio quello che vorresti ottenere, ti si può aiutare.
Floyd
mah... semplicemente vorrei che il body fosse 760px e centrato in modo che si vedesse il background.
Una cosa normalissima, come questa:
http://www.twinsparc.com/
Firefox lo visualizza perfettamente e Explorer che trasforma il body in un WIDTH=100%
Come faccio in modo che explorer non dia problemi???
GRAZIE
temevo che ti fossi confuso....
non è il body che è 760px ma il box container che ha quella dimensione;
il body è:
body{
margin:0;
padding:0;
text-align:center;
}
#box{
margin:0 auto;
padding:0;
width:760px;
background:#666;/*o altro colore oppure immagine di sfondo*/
}
prova e facci sapere
Floyd
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Originariamente inviato da floyd46
temevo che ti fossi confuso....
non è il body che è 760px ma il box container che ha quella dimensione;
il body è:
body{
margin:0;
padding:0;
text-align:center;
}
#box{
margin:0 auto;
padding:0;
width:760px;
background:#666;/*o altro colore oppure immagine di sfondo*/
}
prova e facci sapere
Floyd
ma quindi devo far seguire un div al tag body con class .box?
<body>
<div class="box">
</div>
</body>
?????
Facendo:
<body>
<div id="box">
</div>
</body>
si restringe anche su explorer, ma - mentre su firefox è centrato - su explorer è tutto spostato sulla sx.
come mai?
cosa devo aggiungere?
grazie
Mi pare di ricordare che in IE gli oggetti <html> e <body> coincidono. Per cui non ha senso cercare di centrare il body rispetto alla finestra.
La soluzione di inserire un box fittizio da centrare e` quindi valida.
Per centrare un oggetto di tipo blocco in IE, occorre dare
text-align: center;
nel blocco superiore. Poi occorre definire il text-align: auto (o left) nel blocco centrato, dato che tale proprieta` e` ereditata.
Quindicodice:html, body { width: 100%; text-align: center; /* centra in IE */ } #box { width: 760px; margin: 0 auto; /* centra nei browser standard */ text-align: left; /* risistema allineamento */ }
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando