La pagina que estoy realizando, estoy tratando de hacer un header que contenga una imagen, y despues viene la parte del contenido, en el contenido es donde tengo problemas, ya que estoy haciendo esto:
1 div que me contenga el div_Informacion que es el que tendra el texto, y pues bien, el div_ContInfoGral (q es el q contiene a div_Informacion), es el que esta dando lata en FF, osea que algo estoy haciendo mal, pero ya intente y no le encuentro.
Bueno, les dejo unos screen y el codigo, ojala me ayuden, gracias!.
En FireFox
En IE
Le puse un borde rojo al div que me esta dando el problema para que se pueda apreciar más facil.
CSS:
Código :
body{
text-align:center;
}
#div_contenedor{
width:750px;
margin:0 auto;
background-image:url(../imagenes/fondo.jpg);
}
#div_header{
width:750px;
height:224px;
background-image:url(../imagenes/header.jpg);
}
HTML>body #div_menu{
width:350px;
height:40px;
background-color:#FFFFFF;
float:right;
margin:184px 20px 0 0;
}
#div_menu{
width:350px;
height:40px;
background-color:#FFFFFF;
float:right;
margin:184px 10px 0 0;
}
#div_BordeInferior{
width:750px;
height:27px;
background-image:url(../imagenes/bordeinferior.jpg);
}
#div_ContInfoGral{
margin:0 0 0 0;
width:750px;
background-image:url(../imagenes/fondo.jpg);
border:1px #FF0000 solid;
}
#div_Informacion{
width:710px;
background-color:#FFFFFF;
margin:0px 20px 0px 20px;
margin-top:0px;
}HTML:
Código :
<head> <title>JVH Mecanica Express</title> <link href="CSS/estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="div_contenedor"> <div id="div_header"> <div id="div_menu"> <p>menu, menu, menu</p> </div> </div> <div id="div_ContInfoGral"> <div id="div_Informacion"> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> <p>Texto texto texto</p> </div> </div> <div id="div_BordeInferior"></div> <div id="div_pie"></div> </div> </body> </html>
De antemano, gracias!
