Ciao a tutti!
Sto cercando di realizzare una pagina con layout senza tabelle nella quale sono presenti i classici tre blocchi header, navigation e content. Vorrei far sì che header e navigation restino sempre fissi mentre content può scorrere in caso di contenuti molto lunghi. Per far ciò aggiungo position: fixed alla definizione dei due blocchi.
Con Mozilla l'allineamento viene spostato a sinistra e non riesco a centrarlo. Lo stesso con Opera.
Con IE uso
e header finisce spostato verso il centro della pagina.Codice PHP:<!--[if IE]>
<script type="text/javascript">
var fromTop=100;
window.onload=function(){
document.getElementById('navigation').style.position='absolute';
document.getElementById('header').style.position='absolute';
window.onresize=window.onscroll=function(){
document.getElementById('navigation').style.top=document.documentElement.scrollTop+fromTop+'px';
document.getElementById('header').style.top=document.documentElement.scrollTop+fromTop+'px';
}
}
</script>
<![endif]-->
Qualcuno si è già imbattuto in un problema simile e ha risolto?
Grazie dell'attenzione!

Rispondi quotando