Foros del Web » Creando para Internet » CSS »

Diseño elástico

Estas en el tema de Diseño elástico en el foro de CSS en Foros del Web. Buenas! Hace años encontré uno, pero ahora, por más que busco, no encuentro ni un bendito tutorial de cómo hacer una página 100% elástica. ¿Alguien ...
  #1 (permalink)  
Antiguo 04/05/2011, 05:29
Avatar de DAMOVEAR  
Fecha de Ingreso: febrero-2008
Mensajes: 78
Antigüedad: 9 años, 9 meses
Puntos: 2
Diseño elástico

Buenas!

Hace años encontré uno, pero ahora, por más que busco, no encuentro ni un bendito tutorial de cómo hacer una página 100% elástica.

¿Alguien podría explicarmea quí, o, en su defecto, enviarme un link con un ejemplo y modo de hacerlo?

gracias.
  #2 (permalink)  
Antiguo 04/05/2011, 08:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Diseño elástico

supongo que te rifieres a que se adapta a distintas resoluciones. pues, depende de algunos factores. empieza por probar con unidades relativas
  #3 (permalink)  
Antiguo 04/05/2011, 09:08
Avatar de DAMOVEAR  
Fecha de Ingreso: febrero-2008
Mensajes: 78
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Diseño elástico

No sé a qué te refieras con unidades relativas... pero más o menos explico lo que vengo haciendo y no me resulta:

Puse un div general (el que contendrá toda la página), le puse Width y Heigth al 100%, para que agarre todo el ancho de la página.

Dentro puse el div header, el cual tiene un heigth de 150px y un width en 100%.

Dentro del header puse el div logo, el div logo tiene un height de 100px y un width de 200px, aparte de estar con el float:left.

Al costado, y dentro de header también, puse el div figura. Figura tiene también un height de 100px y un width de 200px, la diferencia es que tiene un float en right.

En donde tengo problemas es en el div de en medio.

Deseo que haya un div en medio de ambos (entre logo y figura) que sea justamente el que cambie de tamaño cuando el monitor lo haga.

Intenté ponerle en width en auto pero con margin-right -200px y nada, intenté ponerle simplemente en auto pero hace que desaparesca el div figura, intenté de todo, y simplemente no logro encajar ese bendito div medio para que se modifique en tamaño pero siempre estando entre logo y figura.

¿QUÉ HAGO?
  #4 (permalink)  
Antiguo 04/05/2011, 14:26
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Diseño elástico

el bloque div del medio
Cita:
height: 100px;
width: 100%;
z-index: -1;
ahora la colación de los div es importante, este div ha de ser el último
Cita:
<div class="logo"></div>
<div class="figura"></div>
<div class="med"></div>
la próxima vez muestra el css y html en lugar de describirlo

Etiquetas: elastico, tutoriales
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 19:10.