Spero di aver sintetizzato bene nel titolo ...
sto eliminando le tabelle sostituendole con i div ... va abbastanza bene ... con IE funziona tutto.
I problemi li ho con Firefox. Il problema che ho è questo:
ho una pagina che contiene molti dati (estratti da un database).
I dati li ho messi in una tabella.
La tabella è nel div.
IE mi fa vedere tutta la tabella fino in fondo
Firefox me la taglia circa a metà (ma la pagina la fa vedere più lunga ... come contenesse tutta la tabella) ... cioè la pagina la fa lunga quanto dovrebbe ma il div non segue la tabella.
Lo so ... lo so che tutti dicono che Firefox è migliore ... voglio crederci ... ma allora spiegatemi cosa gli prende!!! Dove sbaglio?
Vi posto il segmento del CSS che contiene gli elementi in questione
e i div sono 'incastonati così:codice:html,body{margin:0; padding: 0;height: 100%} body { position: relative; background-color: #000066; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #000066; scrollbar-highlight-color: #eeeeee; scrollbar-3dlight-color: #000066; scrollbar-darkshadow-color: #000066; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #000066; font-family: Verdana; font-size: 10px; font-color: #000066; margin: 0 0 0 0; } body>div#contienetutto{height: auto; min-height: 100%} /*struttura pagina*/ div#contienetutto{position: relative; height:100%;clear: both;width:100%;margin:0 0 0 0;padding:1em 0 1em 0;background-color: #fff} div#sinistra{float:left;text-valign: top;width: 18%;background-color:#fff; margin:0 0 0 0;} div#centro{float:left;width:61.8%;margin:0 0 0 0;padding:0 10px 0 10px;background-color: #fff;border-right-width: 1px;border-right-style: dashed;border-right-color: #000066;border-left-width: 1px;border-left-style: dashed;border-left-color: #000066;} div#strumento{clear: both;margin: 1em 1em 1em 1em;width: 100%;height: 100%;} div#destra{float:left;text-valign: top;width: 18%;background-color:#fff; margin:0 0 0 0;} div#piede{position:relative;width: 100%;margin:1em 0 1em 0;padding: 0 0 0 0;background-color: #FFf;color: #000066;text-align:center}
Engicodice:<html> <body> <div id="contienetutto"> <div id="sinistra"> <div id="menusx"></div> </div> <div id="centro"> <div id="strumento">QUI LA TABELLA INCRIMINATA</div> </div> <div id="destra"> <div id="menudx"></div> </div> </div> <div id="piede"></div> </body> </html>
Rispondi quotando
