Estimados saludos
Estoy haciendo una página que me servira de base para el resto que conformaria el web site completo. Me explico... esta hecha con Divs, uno superior 2 laterales, footer y contenido, debido a la forma del texto decidi que la mejor forma seria que esa página sea solo imagenes de fondo. El problema radica que el div del contenido no lo logro ubicar y la pagina se desencaja y mucho. Naturalmente el preview de Dreamweaver no ayuda en nada pero viendolo con Firefox se mira un poco mal y con IE es el desastre total.
Les adjunto la página: http://www.b-negativo.com/inicio.html
Por favor aclaremen que estoy haciendo mal!!!
Codigo Html:
<div id="contenedor">
<div id="header"></div>
<div id="izquierdo"></div>
<div id="derecho"></div>
<div id="contenido"> </div>
<div id="footer">B negativo Derechos reservados</div>
</div>
CSS:
body {
background-color:#666
}
div#contenedor {
width: 800px;
height:768px;
margin: 0 auto;
border: 0px solid #333;
}
div#header {
width: 800px;
height: 105px;
clear: both;
background-color: #333;
background-image:url(../imagenes/inicio_plantilla_01.jpg);
color: #F90;
font-size: 14px;
font-weight: bolder;
}
div#footer {
width: 800px;
clear: both;
background-color: #333;
background-image:url(../imagenes/inicio_plantilla_05.jpg);
color: #F90;
font-size: 14px;
font-weight: bolder;
}
div#footer {
height: 55px;
}
div#izquierdo {
width: 98px;
height:608px;
border: 0px solid #F90;
float:left;
background-image:url(../imagenes/inicio_plantilla_02.jpg);
}
div#derecho {
width: 99px;
height:608px;
float:right;
background-image:url(../imagenes/inicio_plantilla_04.jpg);
}
div#contenido {
width:603px;
height:608px;
background:url(../imagenes/inicio_plantilla_03.jpg);
}