-
Per iniziare a strutturare le pagine con i css ho fatto qualche prova preliminare, ma le differenze di visualizzazione tra IE e Navigator sono frustranti. Partiamo dalla prima, l'attributo text-align:center. Volevo visualizzare una semplice divisione (classe .cont) centrata orizzontalmente nella pagina:
[code:1:99da09b780]<style type="text/css">
body {background-color:white; border:0px; margin:0px; padding:0px; text-align:center}
.cont {background-color:yellow; width:200px; height:100px}
</style>
<body>
<div class="cont">
class contenuto
</div>
</body>
[/code:1:99da09b780]Il risultato e' corretto in IE 5.5 (e anche con l'editor HTML-kit ), ma non in Navigator 7.1, in quest'ultimo la divisione risulta allineata a sinistra, benche' la scritta in essa contenuta appaia correttamente centrata a causa dell'eredita' dell'allineamento dal "contenitore padre", cioe' il body.
http://stor.altervista.org/temp/css001.gif
...c'e' modo di risolvere? In sostanza Navigator allinea correttamente al centro tutti i contenuti... tranne la divisioni stesse :shock:
ciao Claudio
-
Beh... e si che di solito prima di fare domande cerco se qualcuno ha gia' avuto gli stessi problemi :oops:
Ok, mettendo un "margin:0px auto" nello stile dei div va tutto a posto :roll:
...ma non e' finita qui :wink:
-
prova:
<style type="text/css">
body {background-color:white; border:0px; margin:0px; padding:0px; text-align:center}
.cont {background-color:yellow; width:200px; height:100px;margin:auto;}
</style>
<body>
<div class="cont">
class contenuto
</div>
</body>
ie allinea anche cose che non dovrebbe!
-
avevi già risolto: non mi ero accorto!
