Foros del Web » Creando para Internet » CSS »

Divs: Position relative, absolute, apilamiento y choques

Estas en el tema de Divs: Position relative, absolute, apilamiento y choques en el foro de CSS en Foros del Web. Bueno hace 2 dias q estoy luchando con esto y no consigo lo que quiero: Quiero hacer una página que consista en una franja central ...
  #1 (permalink)  
Antiguo 22/07/2009, 03:35
 
Fecha de Ingreso: mayo-2009
Mensajes: 210
Antigüedad: 8 años, 6 meses
Puntos: 0
Divs: Position relative, absolute, apilamiento y choques

Bueno hace 2 dias q estoy luchando con esto y no consigo lo que quiero:

Quiero hacer una página que consista en una franja central que ocupe unos 800px, y 100% del alto, y una franja a cada costado, de unos 160-240px de ancho, y 100% de alto.

Además quiero que haya un "margen" automático entre esas franjas, de modo que si uno maximiza la ventana, queda todo centrado, y si uno la va achicando, continúa centrado hasta q llega al limite en que los bordes de dichas franjas se tocan.

Hasta ahi llegué (mas o menos), pero el tema es que cuando continúo achicando la ventana, se me superponen las 3 franjas, y no se como hacer para que choquen y se frenen, en vez de continuar encimándose.
Ahí si, al continuar achicando la ventana ya no quedaria centrada, sino que quedaría fija, y cada vez se veria menos o nada de lo que hay del lado derecho.

Además siempre me salen otros problemas como cuando me permite scrollear hacia abajo aunque no haya nada y cosas asi.

Si pueden tirarme algun dato se los agradezco, o si conocen algun libro o guia de la que pueda aprender esto tambien me viene bien (estuve leyendo mucho pero aun asi no consigo lo que quiero)

Les dejo un ejemplo de página que tiene lo que quiero, aunque con 2 franjas en vez de 3: http://www.giancarlospot.com/css/arm...in-tablas.html

prueben achicarla desde la esquina inferior derecha

ah y esta es mi página, aunque solo anda en firefox creo: http://www.imageflash.com.ar/
como verán, al minimizar se superpone todo

Saludos
  #2 (permalink)  
Antiguo 22/07/2009, 08:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Divs: Position relative, absolute, apilamiento y choques

Hola Horape.
Creo que lo que buscas el una estructura de tres columnas, con anchura en función de la ventana, cosa que posíblemente tengas, pero para evitar problemas de colapso (a tamaños pequeños) o "desparrames" en grandes resoluciones, se suelen utilizar las propiedades:
max-width
min-width
Pero como siempre, ie anda en medio j****, así que para él hay que utilizar la expresión correspondiente.
Lo anterior en gris no es de aplicación en tu página

Hasta aquí la teoría.
Tu página: todos los problemas (o la mayoría) vienen del hecho de que abusas de la posición absoluta, así que se verá bien sólo en un caso muy concreto, en el momento que el tamaño de la ventana varía, los tamaños de las cajas se mantienen pero la relación tamaño/posición se ve alterada.

Busca por "layout css" "layouts tres columnas" o similares.
Te dejo unos enlaces donde tienes algunos ejemplos que podrás adaptar:
www.araudi.net
www.csplay.co.uk
http://matthewjamestaylor.com

Pero quizás te sea más útil si primero adquieres algo de base en css:
www.librosweb.es
Guía I de Mikmoro y la 2ª para después

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 18:36.