Foros del Web » Creando para Internet » CSS »

control situación de div's en resoluciones varias

Estas en el tema de control situación de div's en resoluciones varias en el foro de CSS en Foros del Web. Saludos, provengo de Flash y estoy descubriendo que CSS me fascina. Puede parecer básico, pero seguro que si alguien responde a esta duda ayudará a ...
  #1 (permalink)  
Antiguo 30/12/2006, 13:04
 
Fecha de Ingreso: diciembre-2006
Mensajes: 1
Antigüedad: 11 años
Puntos: 0
Exclamación control situación de div's en resoluciones varias

Saludos, provengo de Flash y estoy descubriendo que CSS me fascina.

Puede parecer básico, pero seguro que si alguien responde a esta duda ayudará a muchos como yo.

La web en la que estoy trabajando tiene un fondo de página, en el que el centro és de 800px blanco y sus lados són grises (parecido al de esta página). Mi intención es que todo el contenido esté dentro del fondo blanco, y quede bién para monitores con resolución 800x600 y superior 1024x768.
¿Cómo puedo hacer para que los divs queden dentro del espacio blanco del fondo de pàgina en todo tipo de resoluciones?
¿Doy el width y height en porcentaje?

Por favor si alguien tiene la solución le estaré eternamente agradecido... ;)
  #2 (permalink)  
Antiguo 30/12/2006, 15:10
 
Fecha de Ingreso: mayo-2005
Mensajes: 306
Antigüedad: 12 años, 6 meses
Puntos: 0
Re: control situación de div's en resoluciones varias

Puedes probar haciendo un div del tamaño de la imagen, centrado, darle al background del body el mismo gris para que no se note el cambio, y poner la imagen de fondo no en el body sino en el mismo div.

algo asi, por poner un ejemplo:

Código:
body {
background-color: #f0f0f0;
}
#capa { 
background-image: url(imagen.jpg); 
width: ancho de imagen.jpg;
height: alto deimagen.jpg;
}

Código:
<div align="center">
<div id="capa">
contenidos
</div>
</div>
EDITO: El problema que te puede generar esto es que en resoluciones superiores a 1024 x 768 la parte de los contenidos se te quede muy angosta y haya demasiado "aire" a los costados.

Saludos!
  #3 (permalink)  
Antiguo 30/12/2006, 17:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: control situación de div's en resoluciones varias

Buenas.
Dices que "el centro es de 800px blanco", con lo cual, parece que ya tengas definido ese tamaño. No sé si quieres que ese tamaño varíe o no en función de la resolución. De la misma manera, dices "que quede bien para monitores con resolución 800x600 y superior 1024x768", lo cual es muy relativo (quedar bien).

Si lo que te refieres es a que quede la parte central siempre proporcional al tamaño de visión sea cual sea la resolución (centro blanco con franjas grises a los lados), debes usar el tamaño de la parte central en porcentaje.

Si puedes aclara un poco más la pregunta. Saludos.

Mikel.
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 00:46.