tomminno
14-09-2007, 09:14
Ho un problema con il layout tableless e tabelle larghe. Non riesco a trovare il modo di fare espandere i div liberamente in base al contenuto senza rovinare il layout. In rete non riesco a trovare niente a riguardo.
Il layout adottato è quello classico a 2 colonne con header e footer totalmente float:
<div id="page">
<div id="header"><!-- width:99%;-->
</div>
<div id="content"><!-- clear:both;float:left;width:100%;-->
<div id="menu"></div><!--float:left;width=13%;-->
<div id="right"></div><!--float:right;width=86%; -->
</div>
<div id="footer"></div><!--clear:both; -->
</div>
nel div con id=right ci stanno per lo più tabelle dati, se non metto float:right mi finisce sotto il menu sia con FF che con IE, se non specifico width FF lo posiziona sotto il menu. Con questo stile ottengo una visualizzazione uniforme tra i 2 browser.
Il problema è una maledetta pagina con una tabella che potrebbe arrivare tranquillamente a oltre 2000px dato che ci possono essere nelle celle lunghe stringhe senza spazi. Con entambi i browser finisce sotto il menu, l'unico modo che ho trovato è impostare la proprietà width del div id=page, ma in questo modo FF chiaramente rende la pagina più grande sempre e comunque, mentre IE l'adatta solo se serve.
Il layout adottato è quello classico a 2 colonne con header e footer totalmente float:
<div id="page">
<div id="header"><!-- width:99%;-->
</div>
<div id="content"><!-- clear:both;float:left;width:100%;-->
<div id="menu"></div><!--float:left;width=13%;-->
<div id="right"></div><!--float:right;width=86%; -->
</div>
<div id="footer"></div><!--clear:both; -->
</div>
nel div con id=right ci stanno per lo più tabelle dati, se non metto float:right mi finisce sotto il menu sia con FF che con IE, se non specifico width FF lo posiziona sotto il menu. Con questo stile ottengo una visualizzazione uniforme tra i 2 browser.
Il problema è una maledetta pagina con una tabella che potrebbe arrivare tranquillamente a oltre 2000px dato che ci possono essere nelle celle lunghe stringhe senza spazi. Con entambi i browser finisce sotto il menu, l'unico modo che ho trovato è impostare la proprietà width del div id=page, ma in questo modo FF chiaramente rende la pagina più grande sempre e comunque, mentre IE l'adatta solo se serve.