Problemas con el codigo CSS o Html???

[Mhg1974]

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);

}

[Impostor]

Hola,

mira como esta estructurado este ejemplo, espero te sirva de ayuda.

Saludos¡¡

[Mhg1974]

Iniciado por Impostor

Hola,

mira como esta estructurado [URL="http://araudi.net/multicolumna/multicolumna1.html"]este ejemplo[/URL], espero te sirva de ayuda.

Saludos¡¡

Hola Impostor

Muchas gracias esa es la estructura mi temor es cuando coloque las imagenes de fondo para cada Div, es ahi donde radica el problema que tengo. O no se si debo poner las imagenes desde el codigo html. y no en Css con "background-image"

Saludos y gracias

[racanix]

saludos

modificando el css

Código PHP:

  div#contenido {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../imagenes/inicio_plantilla_03.jpg) repeat scroll 0 0;
height:608px;
left:98px;
position:relative;
width:603px;
} 
   

se logra ajustar en firefox, deberias probar en ie.

para cualquier detalle utiliza firebug que te permite manipular los css ademas incluye otras herramientas