Tengo un contenedor general con una imagen de fondo. Dentro de este tengo dos contenedores más, uno izquierdo y otro derecho, ¿bien? .... en FF si pongo los contenedores, no veo la imagen de fondo, si los saco si, en IEx se ve bien....lo raro no es esto, lo raro es que el código pareciera no presentar problemas, por lo menos para mi.... a ver que les parece.
CSS
Código HTML:
/*-----------------Body y Contenedores-----------------------------*/
body{
background-image: url(img/body_bg.gif);
margin: 0;
padding: 0;
text-align: center;
font-family: "Trebuchet MS",Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size: 12px;
}
#contenedorgral{
margin:auto;
text-align: left;
width: 772px;
background-image: url(img/fondo_contenedor-gral.gif);
}
#izquierda {
margin-left: 10px;
background-color: Aqua;
float:left;
width: 140px;
}
#centro {
margin-right: 10px;
background-color: Lime;
width: 520px;
padding: 10px;
float:left;
}
/*-----------------Cabezales y Textos-----------------------------*/
h1, h2, p{
margin: 0;
padding-left: 10px;
padding-right: 10px;
clear: both;
}
h1{
font-family: Georgia, Times, serif;
color: #3d77a0;
}
h2{
font-family: "Trebuchet MS";
color: #6d6d6d;
}
Código HTML:
<body> <div id="contenedorgral"> <div id="izquierda">Menu</div> <div id="centro"> <h1>Titulo H1</h1> <h2>Titulo H2</h2> <p>Textos del sitio</p> </div> </div> </body>
Mode Lineal
