- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Due colonne problema IE Firefox
-
Due colonne problema IE Firefox
Buon pomeriggio a tutti
sto cercando di fare un layout a due colonne facendo si che tali colonne abbiano uguale lunghezza. Ho fatto in questo modo:
#container{ width: 800px; border:1px solid black; overflow: hidden; background: #FFF url("sfondo1.jpg") 0 0 repeat-y; } #col-sx{ position:relative; width:195px; float: left; display: inline; background:transparent; padding-bottom: 1000px; margin-bottom: -1000px; } #col-dx{ position: relative; width:557; margin-left:200px; background:url("sfondo2.jpg"); padding-bottom: 1000px; margin-bottom: -1000px; ```Su firefox ottengo il risultato desiderato mentre su IE il div col-dx si estende oltre al container (fino a raggiungere i 1000px impostati) la cosa strana è che anche il div col-sx è impostato a 1000px però non si allunga. Posso evitare che la colonna centrale si estenda oltre il contenitore (al quale non posso dare un'altezza fissa)? Vorrei che venisse visualizzato come in Firefox. Grazie per gli utili consigli.
-
non puoi impostare una altezza fissa?
-
Francamente non capisco cosa vuoi fare, generalmente per simulare 2 colonne a lunghezza uguale inserisco una immagine di sfondo nel container ripetendola in verticale.
Se poi ho la necessità di impostare delle altezze uso la clausola !important per le differenze di interpretazione di IE e Firefox ed un footer con il clear