Hola Juaniquillo, gracias por responder.
Sí que tiene contenido, voy a intentar explicar con más detalle el problema:
aquí está el .php :
Cita: <body>
<center>
<div id="container">
<div id="headercontent">
<div id="topheader">
<?php mosLoadModules('top',-2);?>
</div>
<div id="bottomheader">
<div id="headerleft">
<?php mosLoadModules('left',-2);?>
</div>
<div id="headerright">
<div id="logo"></div>
<div id="bot_hdr_right"></div>
</div>
</div>
</div>
<div id="bodycontainer">
<div id="bodycontent">
<?php mosMainBody(); ?>
</div>
</div>
<div id="footer">
<?php mosLoadModules('user1',-2);?>
</div>
</div>
</center>
</body>
y aquí el css:
Cita: BODY {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
background-color: #FFFFFF;
background-image: url(../images/bg.png);
text-align: justify;
}
#container {
width: 788px;
background-image: url(../images/bg_container.png);
background-repeat: repeat-y;
text-align: justify;
}
#headercontent {
width: 750px;
height: 208px;
background-color: #FFFFFF;
margin-left: 19px;
position: relative;
float: left;
}
/* IE 6 hack */
* html #headercontent {
margin-left: 10px;
}
#topheader {
width: 750px;
height: 16px;
background-image: url(../images/bg_top.png);
background-repeat: repeat-x;
padding-top: 14px;
position: relative;
float: left;
}
#bottomheader {
width: 750px;
height: 178px;
position: relative;
float: left;
}
#headerleft {
width: 176px;
height: 174px;
background-image: url(../images/menuleft.png);
padding-top: 4px;
position: relative;
float: left;
}
#headerright {
width: 574px;
height: 178px;
position: relative;
float: left;
}
#logo {
width: 574px;
height: 117px;
background-image: url(../images/image_top.png);
}
#bot_hdr_right {
width: 574px;
height: 61px;
background-image: url(../images/bot_hdr_right.png);
position: relative;
float: left;
}
#bodycontainer {
width: 750px;
height: auto;
position: relative;
float: left;
}
#bodycontent {
width: 740px;
height: auto;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
position: relative;
float: left;
}
#footer {
width: 763px;
height: 27px;
background-image: url(../images/footer.png);
position: relative;
float: left;
padding-top: 13px;
padding-right: 25px;
text-align: right;
color: #FFFFFF;
}
el problema está en FF, en IE 6 y 7 funciona bien (¿normalmente es al contratio, no?).
El la div #container, si defino un height=800px, por ejemplo, FF SI muestra el fondo, si no pongo nada o height=100%, que es el valor que debería tener, FF NO muestra nada y IE sí.
la imagen bg_container.png de dicha div es un fondo de 788 px de ancho y 4px de alto.
qué opináis?
saludos,
Raul