Hola a todos, estoy tirándome de los pelos tratando de hacer esto, a ver si alguien me puede ayudar.
Tengo una web con la siguiente estructura
<div id="wrap">Aquí tengo todo el contenido
<div id="top">Aquí incluyo una cabecera y un menu
<div id="header"></div>
<div id="menu"></div>
</div>
<div id="resto">Aquí está el resto del contenido</div>
</div>
<div id="footer">Aquí va el footer</div>
Tanto el footer como el menú los tengo con una imagen como background con repeat-x y width 100%.
El problema es que con el navegador a pantalla completa se ve perfecto, en todos los navegadores, pero si lo encojo, aparece el scroll horizontal (lógico) y el menu y el footer se hacen cada vez más estrechos dejándome un margen en blanco a la derecha que se ve cuando muevo el scroll hacia ese lado.
He puesto el body con un 100% pero por alguna razón parece que no lo admite ya que, mirando el código con el firebug, me marca que el body ocupa sólo el mismo ancho que el que están cogiendo el footer y el menu, hasta el hueco en blanco.
¿A alguien se le ocurre algo? SOCORRO jjjjj
Muchas gracias por adelantado ;)