Planteo de nuevo mi problema, pero ahora bien ejemplificado, y mejor explicado.
Yo arme la maquetacion de una pagina en css. No la hice demasiada complicada.
Cabecera con un menu, centro con dos columnas y algunas sub columnas, footer.
La pruebo en mi monitor 1024*800 y sale algo asi
Ahora, bien, voy a mi notebook, cuya pantallar es 1300*800 (o algo asi) y como se veia todo en la izquierda, yo lo centre para que no quede tan mal, pero no es mi idea que quede de tal manera. Dejo imagen, recuadre mas o menos como se ve en el explorador, con la parte derecha e izquierda blanca, y en el centro el contenido
Lo que yo en realidad busco, es que si la pantalla es 1300*800 se vea como en la primer imagen, no que quede la pagina en el medio y todo lo demas blanco como fondo de la pagina.
Es decir, quiero que mi pagina se vea
IGUAL independientemente de la resolucion. O al menos que no se modifique tanto segun la resolucion.
Les dejo mis css para que vean, saco un par de partes de contenido para que no quede tan largo.
Código css:
Ver originalbody { margin:0;}
#todo{ width:100% ;
min-width:1024px;
max-width:1366px;}
#contenido {width:1000px;
margin: 0 auto;
}
#header{
height:200px;
overflow:hidden;
width:auto;
}
#cuerpo{
margin-top:20px;
height:900px;
width:auto;
}
#colizq{
height:900px;
float:left;
position:absolute;
width:600px;
/*background-color:#F00;*/}
#colder{
height:800px;
float:right;
width:400px;
background-color:#360;
}
#footer{
margin-top:20px;
bottom:25px;
height:300px;
background-color:#000;
}
Y aqui el html para que se entienda mejor
Código HTML:
<body>
<div id="todo">
<div id="contenido">
<div id="header">
</div>
<div id="cuerpo">
<div id="colizq">
</div>
</div>
<div id="colder"></div>
</div>
<div id="footer"></div></div></div></body> Bueno, si alguein sabe como hacer lo que estoy buscando, por favor que me lo diga, o me diga algun lugar donde lo pueda leer asi lo aprendo.
Muchas gracias
Chau!