Adaptar divs a todas las resoluciones?

[IronBuho]

Mirar esq me pasa un problema, con mi pagina web:
isis.webcindario.com/cpprova.php
Solo se ve bien para los q tienen 1280 x 1024.
Aqui esta el codigo CSS (q teng q modificar para q se vea bien en todas las resoluciones?):

body {
margin:0.5% 1% 1% 1%;
padding:4px;
background:#FFF;
}
#level0 {
background:#FFF;
}
#botonestop {
text-align: right;
}
#thanks {
text-align: left;
}
#botonesdown {
text-align: right;
}
#level2 {
background:#FFF;
margin-top:10px;
}
#level3 {
background:#FFF;
}
#main {
background:#FFF;
margin-left:200px;
width:1000px;
}
#fondo {
background:#FFF;
margin-right:200px;
border: thin solid #000;
margin-top:6px;
padding-bottom:20px;
}
#prova {
background-image:url(img/repe.png);
padding-left:1px;
padding-top:3px;
height:auto;
background-repeat: repeat-x;
}
#Topmenu {
width:175px;
float:left;
padding-top:3px;
margin-bottom:10px;
background-repeat: repeat-x;
}
#news {
background:#FFF;
margin-right:3%;
margin-left:3%;
margin-top:3%;
border: medium solid #002;
}
#noti {
padding-bottom:2%;
padding-left:2%;
padding-right:2%;
}
#listmenu {
background:#DDD;
padding-top:5%;
padding-bottom:2%;
padding-left:9%;
padding-right:2%;
border: medium solid #444;
border-top-width:0px;
background-image:url(img/repe.png);
background-repeat: repeat-x;
}
#Pags {
background:#DDD;
padding-top:5%;
padding-bottom:2%;
padding-left:9%;
padding-right:2%;
border: medium solid #444;
border-top-width:0px;
background-image:url(img/repe.png);
background-repeat: repeat-x;
}
#Login {
background:#DDD;
padding-top:5%;
padding-bottom:2%;
padding-left:9%;
padding-right:9%;
border: medium solid #444;
border-top-width:0px;
background-image:url(img/repe.png);
background-repeat: repeat-x;
}
#interrgiht {
height:10%;
}
#interrgiht {
background:#DDD;
width:158px;
height:200px;
margin-top:5%;
margin-right:2%;
margin-left:2%;
margin-bottom:5%;
padding-left:4%;
padding-right:4%;
padding-top:4%;
padding-bottom:4%;
border: thin solid #000000;
overflow:auto;
}
#posts {
background:#FFF;
padding-left:4%;
padding-right:4%;
padding-bottom:4%;
}
#righttext {
padding-right:1%;
float:right;
text-align: right;
}
#main2 {
background:#FFF;
float:right;
}
#right {
background:#CCC;
width:97%;
margin-left:5%;
border: medium solid #000000;
}
#main3 {
background:#FFF;
float:none;
width:auto
}
#lftbar {
background:#FFF;
position:absolute;
width:auto;
top:28%;
}
#top {
background-image:url(img/backfono.png);}
.asdas {
color: #F00;
}
a:link {
color: #000;
}
a:visited {
color: #333;
}
a:hover {
color: #333;
}
a:active {
color: #666;
}

El orden de los divs seria algo asi(pongo solo el id):

<top></top><reloj></reloj><lftbar></lftbar><level2><topmenu><listmenu></listmenu><pags></pags><login></login><level3><main><main2><right><chat><interrigh t></interright></chat><ricos></ricos><posters></posters><repus></repus></right><fondo></fondo></main></level3>

[kseso?]

¿A qué llamas "verse mal"?

[cotoblanc]

body{width:100%;}

[kseso?]

Iniciado por cotoblanc

body{width:100%;}

¿qué significa eso?

[IronBuho]

verse mal me refiero a q se ve todo mal puesto o no se adapta a la pantalla del cliente -.-
pd: no viene al caso pero, es la hora feliz en megaupload xD

[jomaruro]

Hola:

Léete este artículo.

Saludos.

[Sam_Enfot]

Hola,

jomamuro, gracias por compartir este link!

haha

[jomaruro]

Hola:

De nada, para eso estamos.

Saludos.