Foros del Web » Creando para Internet » CSS »

Adaptar divs a todas las resoluciones?

Estas en el tema de Adaptar divs a todas las resoluciones? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/06/2009, 03:56
 
Fecha de Ingreso: mayo-2009
Mensajes: 30
Antigüedad: 8 años, 7 meses
Puntos: 3
Adaptar divs a todas las resoluciones?

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?):
Cita:
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):

Cita:
<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>

Última edición por IronBuho; 18/06/2009 a las 04:03
  #2 (permalink)  
Antiguo 18/06/2009, 04:30
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Adaptar divs a todas las resoluciones?

¿A qué llamas "verse mal"?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 18/06/2009, 04:42
 
Fecha de Ingreso: mayo-2009
Mensajes: 26
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Adaptar divs a todas las resoluciones?

body{width:100%;}
  #4 (permalink)  
Antiguo 18/06/2009, 04:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Adaptar divs a todas las resoluciones?

Cita:
Iniciado por cotoblanc Ver Mensaje
body{width:100%;}
¿qué significa eso?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 18/06/2009, 04:54
 
Fecha de Ingreso: mayo-2009
Mensajes: 30
Antigüedad: 8 años, 7 meses
Puntos: 3
Respuesta: Adaptar divs a todas las resoluciones?

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
  #6 (permalink)  
Antiguo 18/06/2009, 15:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Adaptar divs a todas las resoluciones?

Hola:

Léete este artículo.

Saludos.

  #7 (permalink)  
Antiguo 18/06/2009, 15:46
 
Fecha de Ingreso: junio-2009
Ubicación: Reus, Tarragona, España
Mensajes: 63
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Adaptar divs a todas las resoluciones?

Hola,

jomamuro, gracias por compartir este link!

haha
  #8 (permalink)  
Antiguo 20/06/2009, 02:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Adaptar divs a todas las resoluciones?

Hola:

De nada, para eso estamos.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:48.