Página elástica

Anarninquë · #1 (**permalink**) 04/01/2007, 06:42

Hola, casi siempre he basado mis diseños en un ancho fijo (770px) para poder ser visto en 800x600 justo y en las demas resoluciones con un sobrante a los lados...

O sea la estructura "base" de mis webs era generalmente esta (o una modificación de la misma):

Código:

body{
background-image:url(img/bg.gif);
background-position:top center;
margin:0px auto 0px auto;
}

#contenedor{
width:770px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

#header{
background:url(img/titular.jpg) no-repeat transparent top left;
width:770px;
height:172px;
}

Me gustaría si alguien me pudiera dar una mano con cómo modificar eso para que la página pase a ser elástica al 95% (por ej) del navegador...

Saludos y gracias

T_O_N_N_Y · #2 (**permalink**) 04/01/2007, 11:30

¿Has probado a sustituir "770px" por "95%"?

Si no tienes menús laterales no tendrás problemas, si por el contrario tienes varias columnas en el contenedor tendrás que arreglar los problemas con los distintos navegadores. (Es decir, los problemas de IE).

Saludos!

Anarninquë · #3 (**permalink**) 04/01/2007, 12:20

no pense que fuera tan sencillo, gracias TONNY

un saludo!

T_O_N_N_Y · #4 (**permalink**) 04/01/2007, 13:10

Jeje.

De nada :P

Saludos!