Perfecto, se acerca bastante a lo que yo quiero pero aún así y todo me sigue
dando un problita. Miren el código CSS:
*************************************
* {
padding: 0; margin: 0;
}
html, body {
min-height: 100%; height: 100%; margin: 0; padding: 0;
}
#contenedor {
min-height: 100%; position: relative; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left;
}
#cabecera {
width: 829px; height: 149px; float: left; border-bottom: 1px solid
#E89700; background-color: #FFA500;
}
#login {
width: 160px; height: 149px; float: left; background-color: #CCC;
border-bottom: 1px solid #E89700;
}
#columna_izquierda {
float: left; width: 75%; color: #000; background-color: Aqua;
}
#columna_derecha {
float: left; width: 25%; color: #000; background-color: Silver;
}
#contenedor_pie {
bottom:0; position:absolute; width:100%; border-top: 1px solid #E89700;
border-bottom: 1px solid #E89700; height: 55px; background-color: #000;
}
*************************************
HTML:
*************************************
<div id="contenedor">
<div id="contenedor_cabeza">
<div id="cabecera"> </div>
<div id="login"> </div>
</div> <!-- Contenedor de los elementos de la cabecera -->
<div id="contenedor_centro">
<div id="columna_izquierda">Contenido de la columna izquierda</div>
<div id="columna_derecha">Contenido de la columna derecha</div>
</div> <!-- Contenedor de los elementos centrales -->
<div id="contenedor_pie">Pie de pagina al fondo</div> <!-- Contenedor de los
elementos del pie de página -->
</div> <!-- Contenedor -->
*************************************
Hagan una simple prueba y pongale un texto inmenso a "columna_izquierda" y a
"columna_derecha" y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si
el DIV "columna_derecha" o "columna_izquierda" aumentara entonces también lo
hiciera su contenedor "contenedor_centro" pero no lo está haciendo. ¿Alguien me
podría decir en que me equivoqué esta vez?
Salu2 y gracias a todos por el tiempo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 11:02 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta, donde
el colega se ha pegado unas plantillas de diseños típicos, el que nos ocupa
entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPie.html
pues ahi esta, espero solucione.
un saludo.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
