problema compactibilidad firefox

mersistem · #1 (**permalink**) 17/05/2011, 16:52

Hola, les hago una consulta, estoy teniendo un problema.
Tengo 3 contenedores y dentro de ellos otros contenedores internos, el problema que estoy teniendo es de incopactibilidad con firefox, ya que en IE si me funciona, en el contenedor principal, ya que el pie deberia ir debajo de todo y en firefox no lo hace, me mantiene en un lugar fijo el pie y mas abajo sigue el contenido.

Les dejo el codigo de css a ver si me pueden ayudar.

Saludos

#contenedor {height: 200px;margin:0; margin-left:171px; width:1024px;}
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 240px;background-color: #000000;}
#col_izq {float: left; width: 240px;background-color: #F02137;}
#col_cen {background-color: #FFFFFF;}

#contenedor_cabecera {height: 200px;margin:0; margin-left:171px; width:1024px;}
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 240px;background-color: #000000;}
#col_izq {float: left; width: 240px;background-color: #F02137;}
#col_cen {background-color: #FFFFFF;}

#legales {height: 200px;margin:0; margin-left:171px; width:1024px;}
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 240px;}
#col_izq {float: left; width: 240px;}
#col_cen {background-color: #FFFFFF;}

#pie
{
clear:both;
margin-left:171px;
}

jomaruro · #2 (**permalink**) 20/05/2011, 05:50

Hola:

Cita:

Iniciado por mersistem

el problema que estoy teniendo es de incopactibilidad con firefox

Perdona que te corrija pero la incompatibilidad la tienes en IE, que es el que no cumple los estándares.

Para solucionar el problema ponle al contenedor overflow:auto.

Saludos.

mersistem · #3 (**permalink**) 20/05/2011, 09:40

Cita:

Iniciado por jomaruro

Hola:

Perdona que te corrija pero la incompatibilidad la tienes en IE, que es el que no cumple los estándares.

Para solucionar el problema ponle al contenedor overflow:auto.

Saludos.

Ante nada gracias por la respuesta y le puse la overflow:auto y lo que hace es al contenedor le pone un scroll vertical, pero eso no es lo que necesito sino q se agrande lo necesario el heigh como para que abarque todo lo q ocupa el contenido.

Saludos

alexg88 · #4 (**permalink**) 20/05/2011, 09:43

¿Puedes poner el esqueleto HTML de la página?.

Para darnos una idea.

mersistem · #5 (**permalink**) 20/05/2011, 09:55

Cita:

Iniciado por alexg88

¿Puedes poner el esqueleto HTML de la página?.

Para darnos una idea.

asi es ek html:

<html>
<head>
<title>Ejemplo de tres columnas con CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" href="index5.css" rel="stylesheet" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>




<div id="contenedor_cabecera">
<div id="col_der2">
<img src="Imagenes/fondonegro.gif" height="240px">
</div>
<div id="col_izq2">
<img src="Imagenes/fondorojo.gif" height="240px">
</div>
<div id="col_cen2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="530" height="250">
<param name="movie" value="animacion/cabezera.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent"/>
<embed src="animacion/cabezera.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="530" height="250"></embed>
</object>
</div>
</div>




<div id="contenedor">
<div id="col_der1"></div>
<div id="col_izq1">
</div>
<div id="col_cen1">
<p>prueba</p>
</div>
</div>




<div id="pie">
<div id="col_cen3">
<img src="Imagenes/pie.gif" width="1024" />
</div>
</div>
</body>
</html>

y asi el css

#contenedor {height: 200px;margin:0; margin-left:171px; width:1024px;}
#col_der1 {float: right; width: 240px;background-color: #000000;height: 100%;}
#col_izq1{float: left; width: 240px;background-color: #F02137;height: 100%;}
#col_cen1 {background-color: #FFFFFF;height: 100%;}

#contenedor_cabecera {height: 200px;margin:0; margin-left:171px; width:1024px;}
#col_der2 {float: right; width: 240px;background-color: #000000;height: 100%;}
#col_izq2 {float: left; width: 240px;background-color: #F02137;height: 100%;}
#col_cen2 {background-color: #FFFFFF;height: 100%;}

#pie {height: 200px;margin:0; margin-left:171px; width:1024px; }
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der3 {float: right; width: 240px;height: 100%;}
#col_izq3 {float: left; width: 240px;height: 100%;}
#col_cen3 {background-color: #FFFFFF;height: 100%;}

#pie
{
float:none;
clear:both;
margin-left:171px;
}

ArturoGallegos · #6 (**permalink**) 20/05/2011, 10:48

Cita:

#contenedor {height: 200px;margin:0; margin-left:171px; width:1024px;}

quita la altura al contenedor que es lo que te genera el scroll y coloca el overflow en hidden

Cita:

#contenedor {margin:0; margin-left:171px; width:1024px;overflow:hidden;}

mersistem · #7 (**permalink**) 20/05/2011, 11:27

Cita:

Iniciado por Ag666

quita la altura al contenedor que es lo que te genera el scroll y coloca el overflow en hidden

me queda un escacio en blanco a los costados, osea dentro del contenedor, el contcen si baja pero los conteizq y der no bajan con el, para pintar los margenes.

mersistem · #8 (**permalink**) 20/05/2011, 11:39

Cita:

Iniciado por mersistem

me queda un escacio en blanco a los costados, osea dentro del contenedor, el contcen si baja pero los conteizq y der no bajan con el, para pintar los margenes.

Esto me pasa solo con IE ahora con lo que me habias dicho, en CHROME Y FIREFOX ANDA BIEN