Hola!
A ver si alguien sabe que puede estar pasando.
En el programa de dreamweaver, coloco los divs y se rompen, o sea, uno se baja de nivel, aunque tiene espacio para estar en esa fila. Pero cuando previsualizo tanto en Mozilla como IE se ven perfecto, en el lugar adecuado. Para editar la pagina es un problema porque en el programa veo toda la pagina desformada. Alguien sabe que puede estar pasando?
Gracias!!
El codigo, por si a algien le sirve es:
<body>
<div align="center">
<div id="contenedor">
<div id="titulo"></div>
<div id="derecha"></div>
<div id="menu"></div>
<div id="centro"></div>
<div id="info"></div>
<div id="izq_bajo"></div>
<div id="medio_bajo"></div>
<div id="der_bajo"></div>
</div>
</div>
</body>
</html>
Y el CSS:
#contenedor {
height: 700px;
width: 800px;
}
#titulo {
height: 126px;
width: 574px;
float: left;
background-image: url(imagenes/titulo.jpg);
}
#derecha {
float: right;
height: 126px;
width: 226px;
background-image: url(imagenes/derecha.jpg);
}
#menu {
height: 379px;
width: 241px;
float: left;
background-image: url(imagenes/menu.jpg);
}
#centro {
height: 379px;
width: 333px;
float: left;
background-image: url(imagenes/centro.jpg);
}
#izq_bajo {
height: 195px;
width: 241px;
float: left;
clear: both;
background-image: url(imagenes/servicios.jpg);
}
#medio_bajo {
height: 195px;
width: 333px;
float: left;
background-image: url(imagenes/galeria.jpg);
}
#info {
height: 309px;
width: 146px;
float: left;
background-image: url(imagenes/info.jpg);
padding-left: 40px;
padding-top: 50px;
padding-right: 40px;
padding-bottom: 20px;
}
#der_bajo {
height: 195px;
width: 226px;
float: right;
background-image: url(imagenes/der_bajo.jpg);
}