contenido cortado en resoluciones inferiores al ancho fijo

seterek · #1 (**permalink**) 30/06/2011, 01:51

Hola!
Tengo una capa 1 con un fondo que contiene dentro otra capa 2 con un ancho fijo donde va la información; mi idea es que la capa 1 con fondo ocupe todo el ancho de la página, esto funciona bien en resoluciones superiores al ancho de la capa 2 interior, pero con resoluciones más pequeñas el fondo se corta, me gustaría saber por qué ocurre esto y cómo podría solucionarlo, ya que en una misma página tengo que hacer este diseño varias veces y no puedo poner el fondo en el body.

Creo que no me he explicado muy bien... aquí os dejo un ejemplo (en monitor de resolución 960px o superior va bien, en resoluciones inferiores a 960px el contenido aparece cortado):

Código:

<html><head></head>
<body>
   <div style="background: red;">
       <div style="width: 960px;">
           aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
       </div>
   </div>
</body>
</html>

Gracias!!

whitefeathers · #2 (**permalink**) 30/06/2011, 04:11

Los píxeles no se redimensionan, pues su medida es absoluta. Si quieres que se redimensione, tendrás que hacer uso de medidas relativas como "em" o "%".

seterek · #3 (**permalink**) 30/06/2011, 04:46

gracias whitefeathers! sabía que no me había explicado bien... no me refería a redimensionar los píxeles, sino a que el fondo de la capa 1 ocupase todo el ancho de la página, y creo que acabo de conseguirlo, simplemente poniendo en el body: min-width: 960px;

whitefeathers · #4 (**permalink**) 30/06/2011, 04:53

Esa es una muy buena solución, lo único que tiene es que darte igual IExplorer (que bien harás), pues esa propiedad no funciona que yo sepa. ¡Un saludo!