Comunidad de diseño web y desarrollo en internet online

Ancho Divs Segun Resolución

Citar            
MensajeEscrito el 25 Mar 2008 12:54 pm
HOla.
Les escribo ya que en el tema anterior la conversación se me fue de las manos (malentendidos comunicacionales)

Tengo un proyecto con un compañero en el cual necesto crear esta estructura que les dejo a continuación en la imagen.


Los problemas que tengo son:
- Ambos rectángulos naranjas deben llegar al extremo de la ventana. Osea, partir desde un punto e independiente de la resolución que estos lleguen al borde de la ventana para poder hacer así un fondo para mi sitio..
- La alineación vertical debe ser centrada. Sé que esto es algo complicado pero necesito su ayuda por favor.

Saludos.
Espero sus respuestas

Por Skizobass

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Mar 2008 01:20 pm
Para lo de la alineación vertical mira éste Tip Centrar un elemento horizontal y verticalmente con CSS y lo otro tienes que buscar por diseño líquido y ya depende de la caracterísitca que quieras para cada bloque de información, si los quieres de ancho fijo o modificable.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

 

firefox
Citar            
MensajeEscrito el 25 Mar 2008 01:44 pm
cerca de el diseño l{iquido, lo entiendo. pero ¿Qué vendría siendo que estos dos bloques se alarguen independiente de la resolución hasta el tope de la ventana del navegador?
¿Diseño líquido o ancho fijo?
Creo que líquido...
¿De qué manera tendría que estructurar esto?

Por Skizobass

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Mar 2008 02:11 pm
Por lo que he entendido, los bloques laterales los utilizarías sólo como fondo de la web. Si es así, me parece que es érroneo crear dos bloques sólo para eso: cada contenedor debe servir exclusivamente como envoltura para contenido semántico, y no para "dar formato" o poner bonita tu web.

Como alternativa, puedes usar un background en el <html> y/o <body>, en los que se carguen las imágenes correspondientes a tus bloques amarillos.

Espero que te sirva, un saludo.

Por akhasis

75 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Mar 2008 03:52 pm
Ahora que leo la respuesta de akhasis, caigo en cuenta ¿tu quieres que sea fondo? o serán divs de contenido, porque según sea eso así mismo será la solución, si es fondo, simplemente con una imágen de fondo y listo, si es contniedo tienes que definir si éstos tendrán un ancho fijo o no.

Igual sería más fácil si nos muestras lo que has trabajado, el código que tengas y demás para darte soluciones en base a eso y así sea más fácil la retroalimentación.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

 

firefox
Citar            
MensajeEscrito el 27 Mar 2008 12:45 pm
En realidad son parte del diseño del sitio ya que son unas imagenes, un color exactamente en bitmap. De todas maneras he utilizado tablas para realziar aquello

http://usuarios.lycos.es/beizets/prueba/


Es algo así lo que necesitaba
Espero que los usuarios que lo vean me digan si se ve o no..
Saludos

Por Skizobass

26 de clabLevel



 

safari
Citar            
MensajeEscrito el 27 Mar 2008 12:59 pm
Añade algo más de info en el ejemplo.
Lo que has puesto... es casi lo mismo (o peor)

En cualquier caso... te aconsejo que revises esta página, o esta... o sus diversas muestras... pues seguro que alguna te valdrá.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 27 Mar 2008 04:12 pm
¿Que mas puedo poner?
Si lo que pido es que estos dos divs se repatarn e ancho completo de la ventana del navegador? Para así poder hacer un fondo para los divs internots?

Por Skizobass

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Mar 2008 04:51 pm
loading..................

Usa siempre porcentajes y NO tamaños estáticos.

connection closed.

Por MaBoRaK

19 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Mar 2008 08:34 pm
No entiendo la pregunta. Aún así me parece que sigues queriendo crear un DIV sólo para ponerle una imagen de fondo, cosa harto desaconsejable. Intenta explicarnos mejor cuál es tu problema (enséñanos si puedes el diseño completo en .jpg, o intenta explicarte mejor).

Un saludo.

Por akhasis

75 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Mar 2008 11:27 pm

rizome escribió:

Añade algo más de info en el ejemplo.
Lo que has puesto... es casi lo mismo (o peor)

En cualquier caso... te aconsejo que revises esta página, o esta... o sus diversas muestras... pues seguro que alguna te valdrá.

Muchas graacias, lo intentaré!!

Por Skizobass

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 31 Mar 2008 04:24 pm
Porque mejor no usas una imagen de fondo larga y la centras al documento.

Código :

body { background:url(image.jpg) no-repeat center top; }

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 31 Mar 2008 04:40 pm

NEO_JP escribió:

Porque mejor no usas una imagen de fondo larga y la centras al documento.

Código :

body { background:url(image.jpg) no-repeat center top; }

A eso le llamo yo:
tomar el camino fácil
(que muchas veces, resulta el mejor)

^^

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 31 Mar 2008 07:19 pm
La mejor opción sin duda.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.