Centrare l'intestazione del sito in css con Explorer 5.5

Erasmo · 10-29-2007, 05:00 PM

Salve,
non riesco a capire perchè l'intestazione appare spostata con Explorer 5.5.

La struttura html è questa:

codice HTML:

<div id="container">
   <div id="header">
   </div>
   <div id="corpo">
       <div id="content">
       </div>
       <div id="menu">
       </div>
   </div>
</div>
<div id="footer">
</div>

e questo è il CSS:

codice HTML:

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FF0000 url(../immagine.jpg) repeat-x center bottom;
}

#container {
	width: 800px;
	margin: auto;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(../immagine.jpg);
	text-align: left;
}

#header {
	position:relative;
	display: block;
	width: 800px;
	height: 223px;
	background: url(../immagine.jpg);
}

#corpo {
	width: 800px;
	float: right;
	display: inline;
}

#content {
	float: right;
	display: inline;
	width: 550px;
	background: transparent url(../immagine.jpg) no-repeat;
	color: #000;
}

#menu {
	float: right;
	display: inline;
	width: 180px;
	background: transparent;
	color: #000;
	font: italic bold 13px Georgia, "Times New Roman", Times, serif;
	margin-right: 15px;
	letter-spacing: -2.5px;
	word-spacing: 2px;
	}
	
#footer{	
	height: 210px;
	background-image: url(../immagine.jpg);
	clear: both;
}

Ho provato anche a mettere l'header in un float sperando che fosse un problema dei doppi apici, ma in realtà non è cambiato niente:

codice HTML:

#header {
	float: right;
	display: inline;
	width: 800px;
	height: 223px;
	background: url(../immagine.jpg);
}

Il problema non si presenta con Firefox, Explorer 6 e 7, ma invece si con Explorer 5.5.
In pratica l'header viene viene allineato a sinistra invece che al centro.
Che modifiche vuole nel css questo browser marcio? Come risolvere?
Grazie mille

Leo · 10-29-2007, 09:58 PM

Viene allineato a sinsitra perché, presumo, il container ha text-align:left;

Sinceramente non saprei come aiutarti in modo preciso. È necessario ai fini del tuo lavoro che il sito in questione sia visualizzato esattamente anche in IE5.5? Se i contenuti rimangono fruibili, anche con alcune discrepanze grafiche, rimane un prodotto accessibile.

IE 5.5 è praticamente abbandonato, a meno che non sia strettamente necessario io non mi cimenterei nel debuggare il CSS per questo browser.

Erasmo · 10-29-2007, 10:04 PM

Quote:

Originariamente inviata da Leo

Viene allineato a sinsitra perché, presumo, il container ha text-align:left;

Si, è text-align:left; ma anche mettendolo in text-center:left; o tirando via del tutto questo parametro, l'errore con Explorer 5.5 rimane invariato...!

mattia · 10-30-2007, 01:53 PM

Con i browser un po’ datati probabile ci siano problemi di interpretazione del codice HTML & CSS.
Io se fossi in te non mi porrei il problema. IE 5.5 non è più utilizzato se non su Mac, ma dato che lo sviluppo per questo ultimi si è fermato proprio alla versione 5.5. , ho forti dubbi che chi usa Mac lo usi.
Ciao

Erasmo · 11-02-2007, 12:47 PM

Alla fine ho risolto, ma con il css e l'html che ho postato non si poteva capire.
Praticamente nel codice html c'era una tabella con le dimensioni impostate in percentuale: width=100%.
E' bastato quindi esprimere questa misura in pixel scrivendo width="600" e viene così digerito bene anche da Explorer 5.5.
Grazie a tutti

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Come mettere in Word l'intestazione solo sulla prima pagina?	Isabel	Informatica	1	01-30-2010 02:29 PM
Come centrare immagine in verticale dentro un Div col CSS	marco	Informatica	1	01-15-2010 05:01 PM
Problema dei bordi tabella non visibili in Internet Explorer	Pierferdinando	Informatica	3	02-04-2008 01:41 PM
Centrare il Div float sia in Firefox che in Explorer	Danny	Informatica	3	10-15-2007 01:33 PM
Scalino nell'header con explorer 7.0.5730.11: perchè?	Scuola	Informatica	2	07-18-2007 11:40 AM

Menu

Centrare l'intestazione del sito in css con Explorer 5.5