Estamos armando una página y maqueté todo con hojas de estilo. El caso es que a veces necesito una o dos columnas... todo esto lo resuelvo con PHP, pero el problema que tengo es que al ver la parte con dos columnas, en Firefox no me muestra la imagen de fondo y en Explorer sí (esto es lo más raro).
Para las dos columnas lo armo así:
Código :
<div id='contenidoEst'> <div id='columna1'> Contenido columna 1 </div> <div id='columna2'> Contenido columna 1 </div> </div>
Siendo el código de cada estilo:
Código :
#contenidoEst { clear: right; background: #F7F5F2 url(img/fnd02.jpg) no-repeat top right; } #columna1 { float:left; width:370px; background-color:transparent; } #columna2 { float:right; width:370px; background-color:transparent; }
Para verlo en acción entren a:
http://www.rosarioempresas.com.ar/Alejandro/Estancia/index.php?opc=Est
y prueben que con Explorer se ve como quiero, pero en Firefox no...
Llegué a descubrir que si a #columna1 y #columna2 les saco el float, me muestra la imagen de fondo, pero no el contenido ordenado como yo quiero. Al poner el float no muestra la imagen, excepto si pongo texto o algo dentro #contenidoEst, pero donde aparece el contenido de las columnas, no muestra el fondo.
Espero que alguien que sepa un poco más de CSS me pueda ayudar...
Saludos
Alejandro