Yo pondría la estructura/marcado de la siguiente forma:
¿Por qué el pie fuera del contenedor? Mira el CSS.
Después, en el css:
html, body {
height: 100%;
}
#contenedor{
min-height: 100%; /*esta propiedad no la soporta IE6*/
}
* html #contenedor { /*
salud a la lista;
éste es un problema de los típicos.
me topé con él hace tiempo y gracias a la ayuda de los compañeros aquí
presentes conseguí solucionarlo de varias maneras.
posteo una de ellas a continuación por si a yubén o a otros pudiera serles
de ayuda.
html:
http://www.w3.org/TR/xhtml1/D
Buenas!
La verdad que la solución la he conseguido, con parte de tu respuesta
jaume.
Realmente lo que quería, era que la capa pie, siempre estuviese pegada
al fondo de la pagina, el 100% solo lo utilizaba para intentar forzar
esto.
pero esta parte:
> #pie{
> position:absolute;
> bottom:0;
Hola Yubén.
No me he parado a probarlo, pero imagino que con aplicarle un margin-top:
-100px a la capa Contendios puedes solucionar el problema.
Espero que te ayude. Un saludo,
David Merino Ogando
2008/1/29 Yubén <[EMAIL PROTECTED]>:
> Buenas a todos
>
> Tengo el siguiente conflicto, tengo var
Que hay, saludos a [EMAIL PROTECTED] Lo que veo es que al sumar todo los
elementos me da
mas del 100%. Si das 100% al body y al html , 100% al contenido mas los
pixeles de cabecera y pie =scroll. Espero lo entiendas es el boxmodel pero
con el height.
Mira haaber si te vale
*{margin:0;
padding:0;
}
Hola !!!
No sé si te servirá de mucho mi aportación, pero lo mismo, te soluciona algo
(si es que no la habías previsto ya):
lo que suelo hacer es definir siempre en el CSS las etiquetas HTML y BODY y
darle a ambas el valor de "height".
Por ejemplo:
html, body {
height: 100%;
width: 100%;
}
b
Hola,
una idea sería definir un height-min, dependiendo de lo que necesites... por
ejemplo
para IE:
.contenidos {
height: 20em;
}
para FF:
.contenidos {
min-height: 20em;
height: auto;
}
De esta manera defines un height mínimo, y si hay más contenidos el
contenedor no se queda a la altura
