Ver Mensaje Individual
  #5 (permalink)  
Antiguo 21/11/2008, 23:07
maue75
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 15 años, 5 meses
Puntos: 2
Respuesta: Css scroll que desplaza div en firefox

David, le he quitado todo para ver concretamente el problema. Aquí lo copio:

formato_general.css:

.contenedor {
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 600px;
background-color: #FFFFFF;
display:table;
}

#cabecera {
height: 170px;
width: 1000px;
background:#33CC66;
}

#columna-izquierda {
float: left;
width: 143px;
height:700px;
background:#CCCC00;
color: #fff;
}

#centro_con_scroll {
width: 650px;
height: 800px;
margin-left: 155px;
padding: 0px;
overflow: auto;
overflow-x: hidden;

}

#centro_sin_scroll {
width: 650px;
height: 800px;
margin-left: 155px;
padding: 0px;
}

#centro_recuadro {
border: thick solid #CCCCCC;
height: 300px;
background:#006600
}


#columna-derecha {
background:#FF0000;
float: right;
width: 160px;
height: 600px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}





index.php :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0014)about:internet -->
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META http-equiv=imagetoolbar content=no>

<link media=all href="formato_general.css" type="text/css" rel="stylesheet" />
<!--[if lte IE 6]><LINK media=all href="formato_general_ie.css" type=text/css rel=stylesheet><![endif]-->


<style type="text/css">
<!--

body {
background-color: #FFFFFF;
}

.Estilo1 {color: #333333}

-->
</style>
</head>

<body>

<div class="contenedor">

<div id="cabecera"></div>

<div id="columna-izquierda"></div>
<div id="columna-derecha"></div>

<div id="centro_con_scroll">
<div id="centro_recuadro"></div>
<div id="centro_recuadro"></div>
<div id="centro_recuadro"></div>
<div id="centro_recuadro"></div>
</div>

</div>

</body>
</html>



En la columna del centro, si utilizo la div=centro_sin_scroll, las columnas se ven donde deben, pero si utilizo la div=centro_con_scroll, es ahí donde Firefox me la desplaza parte encima de la columna derecha.

Espero puedas ayudarme. Gracias.