Comunidad de diseño web y desarrollo en internet online

Alineación Inferior

Citar            
MensajeEscrito el 11 Ago 2008 05:21 pm
Hola amigos, les comento tengo un problemita con CSS yo necesito hacer que una DIV quede alineada (verticalmente) debajo. Es decir si hay mucho contenido en la pagina que dicha DIV aparezca al fondo pero que si hay poco de contenido que aparezca al fondo y no justo debajo del poco contenido. ¿Me explico?.

Para explicarlo un poco mejor… si hay mucho contenido, que este empuje la DIV hacia abajo y quede al debajo de todo pero si hay poco contenido que la DIV se muestre en la parte inferior del navegador.

Ya probé con:

Código :

#Etiqueta{
Position:Absolute;
Bottom:0px;
}


Se ve bien solo cuando hay poco contenido pero cuando hay mucho no la empuja sino que la deja fija y el contenido pasa por debajo de esta DIV.

Espero alguna respuesta

Un Saludo

Por Zis

Claber

314 de clabLevel

1 tutorial

Genero:Masculino  

Bell Ville - Cordoba - Argentina

firefox
Citar            
MensajeEscrito el 11 Ago 2008 05:33 pm

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html,body{margin:0;height:100%;}
#todo{border:1px solid #000;height:95%;}
#footer {height:5%; border:1px solid #F00;}
</style>
</head>

<body>
<div id="todo"></div>
<div id="footer"></div>
</body>
</html>


:wink:

Por DragonX

24 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 11 Ago 2008 06:23 pm
Zis
Se resolvio el problema ...?

Porque otra opcion para trabajar con div (css) es, en dreamweaver CS3 existe una funcion de templates en los cuales tu seleccionas la forma en que deseas que te cree la pagina y ahi esta uno hecho en la forma que necesitas.

Por erickm

Claber

101 de clabLevel



Genero:Masculino  

d=ddondsea ;0)

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.