Foros del Web » Creando para Internet » CSS »

Encabezado, 3 columnas izquierda(divs) ¿y el pie?

Estas en el tema de Encabezado, 3 columnas izquierda(divs) ¿y el pie? en el foro de CSS en Foros del Web. Bueno pues resulta que ya estoy entendiendo esto del css un poco. Hasta ahorita voy bien y maquetado esto y ya tiene contenido. Puse mi ...
  #1 (permalink)  
Antiguo 02/05/2008, 00:01
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Pregunta Encabezado, 3 columnas izquierda(divs) ¿y el pie?

Bueno pues resulta que ya estoy entendiendo esto del css un poco. Hasta ahorita voy bien y maquetado esto y ya tiene contenido. Puse mi encabezado a 100% con una imagen alineada a la izquierda
Abajo puse 3 supuestas columnas(divs) una vacia de 25% x 400 para dar separacion, luego puse una con una imagen de 100 x 400(le di la medida de la imagen al div) y luego puse otro div de 600 x 400 (que es de un color mas obscuro y ahi quiero poner texto. Bueno hasta ahora ya lo probe en IE7 y Firefox y se ve bien. Por que esas 3 columnas(divs) las puse float: left y estan pegadas una con otra(todas pegadas a la izuierda claro y a la derecha hay un espacio vacio donde no hay div ni nada).

Ahora lo que quiero es meter un pie. Pero quiero que el pie quede debajo de ese cuadro de 600 x 400. y que se separe 25% de la izquierda asi como mi caja de texto. Es decir lo mismo de arriba pero abajo y con otro alto pero mas pequeño. Pero si le doy float left se me va a ir hasta arriba junto a la caja de texto, a la derecha de la caja de texto, por que hay un espacio donde deberia de ir una columna derecha(no la puse por que puse las 3 columnas una en porcentaje(25% x 400) y otra en pixeles(100x400) y mi caja de texto de 600 x 400 asi que no supe ponerle ancho).
¿Que hago, como le hago para poner mi pie hasta abajo.

Este es mi codigo:
<body>
<div id="encabezado"><img src="OXIGENO-Encabezado.gif" width="323" height="160" /></div>
<div id="separador" style="height: 10px"></div>
<div id="columnaizq" style="width: 20%; float:left; height: 400px;"></div>
<div id="Bienvenido" style="float:left; width: 100px; height: 400px;"><img src="Bienvenido.gif" width="100" height="400" /></div>
<div id="contenedor" style="float:left; width: 600px; height:400px; background-color: #FF2222; border-left: 1px dashed #EC0000; border-right: 1px dashed #EC0000;">
Colocar aquí el contenido de la nueva etiqueta Div</div>
  #2 (permalink)  
Antiguo 02/05/2008, 00:05
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Re: Encabezado, 3 columnas izquierda(divs) ¿y el pie?

Esta es una pregunta sobre la misma pagina pero no tan urgente. Pues como ven puse esos 3 divs flotando a la izquierda. Bueno esta bien. El problema es que cuando cambio de tamaño mi ventana todo se va hasta abajo. es decir un div abajo de otro. Que atributo le puedo poner para que se queden las 3 juntitas como estan a la izquierda, una seguida de la otra pero que cuando cambie de tamaño la ventana o la vean en una resolucion mas pequeña no se destruya todo. Probe fixed pero dreamweaver me dijo que no era compatible con todos los exploradores y tenia razon lo probe en firefox y se trago los primeras 2 divs columnas, los desaparecio. ¿Que podria un hombre como yo hacer?
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 15:08.