buongiorno a tutti.
da qualche settimana ho iniziato a districarmi nell'affascinante universo dei fogli di stile. tutto bene, finché non ho testato il risultato finale su diversi browser....anzi, su un browser in particolare.
www.deivz.altervista.org/lafievre
su firefox, opera, safari tutto bene. su IE invece è un casino. spero sappiate indicarmi in quali punti sto sbagliando.
vi ringrazio in anticipo.
deivz
Prova a mettere tutti i box in un unico div contenitore, così la gestione dell'allineamento generale del sito è più facile.
Es:
<div id="container">
<h1>
<span/>
</h1>
<h2/>
<ul id="menu">
<li/>[/list]
<div id="banner"/>
<div id="content">
</div>
e nel css:
div#container {width:7600px!important; width /**/: 760px;}
innanzitutto grazie per l'interesse.
ho fatto come mi suggerivi... ma senza nessun risultato visibile.
la struttura rimane incompatibile con IE.
altre idee?
grazie ancora
deivz
ahem...ops, scusa:
div#container {width:760px !important; width /**/: 760px;}
si in effetti, 7600 era un po' esagerato...
in ogni caso, il problema persiste. ho validato sia la pagina html che il foglio di stile.
mannaggia.
grazie ancora^^
deivz
prova a togliere anche tutti i position:absloute
i position absolute sono abbastanza fondamentali nella struttura. se provo anche solo a toglierne uno mi salta tutto l'ordine.
ho provato pure a levarli tutti...un disastro.
fondamentali per cosa? non direi proprio, anzi ti creano solo problemi.
Ovviamente se togli quelli devi togliere anche i margini negativi, l'hai fatto?
Per il resto: alla colonna di sinistra dai un float:left, a quella di destra con i contenuti un margin:left uguale o maggiore alla larghezza della colonna di sinistra... e il tutto è tenuto insieme dal container.
E' una struttura classica per i template di questo tipo, e assolutamente cross browser... guarda, la trovi spiegata nel dettagli qui
Permessi di invio
Rispondi quotando