[Posicion] DIV

[MasterXNicoX]

Hola chicos necesito ayuda lo antes posible xD

jejeje

Miren, tengo un sitio que muestra un contenido bastante largo, la cosa es que hay una division.. algo asi como un footer que quiero que siempre este abajo de todo el sitio osea, en el bottom 0.

Pero la cosa es que cuando muevo el scroll, éste footer queda en la posicion de origen y no sigue quedando abajo..

Osea corta el contenido....

Quiero saber como hay que hacer para que siempre, hagas scroll o no, se muetre abajo del todo del sitio..

Espero que me hayan entendido..

Espero sus respuestas!!.

Saludos!.

[MasterXNicoX]

A no, ya esta, ya esta!.

Se soluciona agregando "position:fixed" ---> cuando yo lo tenia en "absolute".

Jejejeje, bueno, chau. xD

Pueden cerrar el tema.

[Aresillo]

ojo que con Intetrnet Explorer 6 no funciona

Ares

[MasterXNicoX]

Ups estás en lo cierto, que se le puede hacer entonces para que funcione en IE 6??

[Mikmoro]

Mira esto http://www.forosdelweb.com/f53/faqs-...ml#post2576668 a ver si es lo que necesitas

[MasterXNicoX]

Gracias Mik!. Creo que es lo que necesitaba, espero que funcione en IE 6.

Lo pruebo y te comento!.

[MasterXNicoX]

Che Mik..


Estos códigos tendría que agregar??..

----
CSS:

#pie {mis propiedades}
.corte {clear: both;padding-top: 4em;}

----

HTML:

<div class="corte"></div>
<div id="pie">
MI CONTENIDO
</div>

--------

Otra preg, la propiedad "clear: both", para que sirve exactamente?.

[Dalvenjha]

clear:both sirve para anular los floats, cuando un div tiene clear:both, nada puede flotar a su costado, es por ello que lo usan para evitar ese problema de las columnas desbordantes. Yo uso otra nota, basada en min-height y overflow:hidden.

http://www.forosdelweb.com/f53/hoja-...as-pie-664153/ Aqui puedes encontrar algo similar.

[MasterXNicoX]

Ok, gracias Dalvenjha.

Aguardo la respuesta de Mik, para efectuar los cambios xD

Son los codigos que puse en el post #7 Mik??

[Mikmoro]

Hola MXX.

Las cosas más importantes de mi ejemplo son:

html, body { height:100%;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}
#contenedor {
min-height:100%;
height: auto!important;
height:100%;
}

y

#pie {
text-align: center;
background-color: #366;
color: #fff;
height: 3em;
margin-top: -3em;
}
.corte {clear: both;padding-top: 4em;}

Si algo no te sale, lee el artículo que acompaña en el zip al ejemplo, donde explico creo que muy claramente qué es cada cosa y para qué sirve.

Ya contarás.

[MasterXNicoX]

Ok Mik! Muchas gracias por responder, ya me pongo a verlo.

------------------------------

Iniciado por Mik CSS Mod xD

Hola MXX.

Lindo apodo xD

[Mikmoro]

Iniciado por MasterXNicoX

Lindo apodo xD

Economía

En mi entorno nunca nadie me ha llamado Mik, pero aquí todo el mundo, por economizar. Y es que a según qué horas las pulsaciones de teclado se van poniendo caras

[MasterXNicoX]

Jajaja, tenés toda la razón xD