Problema de capas en firefox

XLora · #1 (**permalink**) 29/11/2008, 12:30

Hola a todos...
Tengo un pequeño problema con firefox...
tengo el siguiente codigo:
<div id="cuerpo">
<div id="c_top"></div>
<div id="c_middle"> //Mira ésto es el problema
<div class="cols">
<div class="col1">
<h3>Welcome to Deluxeartdesign.com</h3>
</div>
<div class="col2">s
</div>
<div class="col3">d
</div>
</div>
</div>
<div id="c_bottom"></div>
</div>
Como veran el plan es que "c_middle" que no es mas que el fondo que hay detras de "cols" y el contenido, muestre el fondo, el problema es que en firefox si no defino un tamaño fijo para "c_middle" no se muestra y aunque le de un tamaño fijo no crece y al contrario en explorer si me va de maravillas....
Si quieres ver el codigo la página es:
www.deluxeartdesign.com
Como puedo solucionar eso...

willyfc · #2 (**permalink**) 29/11/2008, 12:41

hola primer error puede que por esto no funcione: no tienes dtd puede ser que por eso no te funcione, tendrías que tener algo así:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>

o puede ser stric depende de lo que quieras utilizar:

te aconsejo que mires este vínculo

Saludos

Mikmoro · #3 (**permalink**) 29/11/2008, 12:47

Acabo de responder al mismo asunto hace un momento aquí

(creo que e slo mismo)

XLora · #4 (**permalink**) 29/11/2008, 13:13

Cita:

Iniciado por Mikmoro

Acabo de responder al mismo asunto hace un momento aquí

(creo que e slo mismo)

Bueno pos tu ejemplo no me funciono, pero el que le dieron al otro morro si me sirvio, ya tengo el pie abajo "c_bottom" pero sigo sin poder hacer ver el "c_middle" que es el que tiene el fondo de los lados derecho e izquierdo...
Que le puedo hacer, alguna idea...

Mikmoro · #5 (**permalink**) 29/11/2008, 13:26

no te ha funcionado porque no lo has metido en el sitio correcto: no sé si has entendido el concepto, pero tienes que poner el div del corte justo antes de cerrar el div que quieres que crezca. En tu caso exactamente aquí:

Cita:

<div class="col3">Columna 3</div>
</div>
<div style="clear: both"></div></div>

XLora · #6 (**permalink**) 29/11/2008, 13:54

Cita:

Iniciado por Mikmoro

no te ha funcionado porque no lo has metido en el sitio correcto: no sé si has entendido el concepto, pero tienes que poner el div del corte justo antes de cerrar el div que quieres que crezca. En tu caso exactamente aquí:

Jajajaja

tenias razón si funciono ahora se ve el fondo que queria que se viera...
pero ahora no se ve en IE jajajaja que curioso no crees??
Pero le puse un /height minimo a IE y ahora el lo desplaza...
Gracias por la ayuda...
Y dime a que se debe que al ponerle el "corte" en esa area se desplace la capa contenedora en FX pero no en IE??

safe · #7 (**permalink**) 29/11/2008, 15:42

si no quieres agregar un div vacio a tu codigo puedes probar poniendo float:left; al div c_middle (seguramente tambien tengas que definir un width:)