Scuola forum (scuo.la) - Forum di discussione per le scuole - Centrare l'intestazione del sito in css con Explorer 5.5

- Informatica (https://www.scuolaforum.org/informatica/)

- - Centrare l'intestazione del sito in css con Explorer 5.5 (https://www.scuolaforum.org/informatica/219-centrare-lintestazione-del-sito-css-con-explorer-5-5-a.html)

Centrare l'intestazione del sito in css con Explorer 5.5

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

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.

Quote:

Originariamente inviata da Leo (Messaggio 1742)

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...!

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

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