• Home »
  • CSS »
  • Come centrare il layout del sito su Internet Explorer

Come centrare il layout del sito su Internet Explorer

Non tutti sanno che con i browser Internet Explorer dalla versione 4 alla 6 e Netscape 4 non si può centrare il layout del sito web semplicemente impostando la proprietà CSS margin: auto. Ecco quindi un semplice hack che consente di risolvere questo problema:

In tutti i Browser di nuova generazione per centrare un layout basta impostare:

layout {
 width: 960px;
 margin: auto; /* centra layout */
}

Mentre per centrare un layout  su Internet Explorer 4-6 e Netscape 4 bisogna fare cosi:

body
{
 text-align: center; /* centra layout in IE5 */
}
layout
{
 width: 960px;
 margin: auto; /* centra layout */
 text-align: left; /* reimposta allineamento */
}

Dato che Internet Explorer4-6 e netscape 4 sono browser molto vecchi utilizzare questa struttura non è necessario ma ugualmente consigliato.

Ilario Pellandini

::: Certified Web developer 2006-2018 ::: ::: www.IPELWEB.com :::

More Posts - Website