Foros del Web » Creando para Internet » CSS »

Caos con diseño de ancho dinámico.

Estas en el tema de Caos con diseño de ancho dinámico. en el foro de CSS en Foros del Web. ¡Hola! En este sitio he recibido mucha ayuda, sobre todo en la sección de PHP, MySQL y JavaScript. Ahora necesito que personas con más experiencia ...
  #1 (permalink)  
Antiguo 23/09/2009, 11:41
Avatar de qvixote  
Fecha de Ingreso: marzo-2008
Mensajes: 79
Antigüedad: 9 años, 8 meses
Puntos: 2
Caos con diseño de ancho dinámico.

¡Hola!

En este sitio he recibido mucha ayuda, sobre todo en la sección de PHP, MySQL y JavaScript. Ahora necesito que personas con más experiencia me ayuden con CSS y basándome en las buenas experiencias que he tenido antes, espero obtener ayuda nuevamente.

Necesito hacer un diseño así:


+----------------------+
|......Encabezado......|
+----------------------+
+------++--------------+
|Barra.||.Content......|
|Late-.||..............|
|.ral..||..............|
|......||..............|
|......||..............|
|......||..............|
+------++--------------+
+----------------------+
|......Pie de pag......|
+----------------------+



Es fácil hacer el diseño así con divs, pero necesito que cumplan con algunos comportamientos que no logro que sigan, por más que lo intento, y se los detallo ahora.

- Se debe ocupar todo el ancho de la página.
- En div del encabezado, pie de página y content deben variar el ancho según varía el ancho de la ventana del navegador, no así la barra lateral, que debe tener un ancho fijo.
- La altura de la barra lateral y del content deben ser automáticos, aumentando con el contenido.

Eso tampoco suena difícil, pero pero me pasó al intentar hacerlo que cuando el content, por ejemplo, tiene menor altura que la barra lateral, el div del pie de página quedaba con la forma:


............................
.........+---------------+..
..+------+...............|..
..|......................|..
..+----------------------+..
............................


y otras cosas así. Por eso, me gustaría saber si alguien me puede orientar de cuál es la mejor forma, sin usar tablas, sólo divs y CSS, de lograr lo que quiero sin que los divs se deformen u otros problemas.

De antemano gracias por la ayuda.
  #2 (permalink)  
Antiguo 23/09/2009, 12:16
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Caos con diseño de ancho dinámico.

Mira a ver si este ejemplo te sirve:
http://css.devillasbuenas.es/5columnas.html

Sólo tienes que eliminas las 2 columnas de la derecha y "centro-derecha"

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 23/09/2009, 12:28
Avatar de qvixote  
Fecha de Ingreso: marzo-2008
Mensajes: 79
Antigüedad: 9 años, 8 meses
Puntos: 2
Respuesta: Caos con diseño de ancho dinámico.

Se ve bien el ejemplo. La probaré y comentaré cómo me va con ella. Gracias.
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 03:19.