21/11/2008, 23:07
|
| | Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años, 2 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. |