Ayuda con posicionamiento de Divs! SXO!

naavix · #1 (**permalink**) 30/04/2009, 15:43

miren el problema es que quiero que el div footer se valla corriendo hacia abajo junto con su contenido cuando el div "contenido" valla bajando asi si tenemos un articulo largo en el sitio se ira recorriendo dando espacio al contenido, igual con menulateral
les agradeceria mucho

miren les dejo el codigo

Código HTML:

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
} 
a {font-size:12px; text-decoration:none;}
a:hover{font-family:Arial;text-decoration:underline;}
a:visited
body{margin-left:200px
	background-color:white; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align:center; font-size:100%}
li{list-style: none;}

h3{ font-size:18px; font-weight:500; padding-top:10px; padding-left:3px;}
div#header { 
	background-image:
	url(Nueva%20carpeta/header.jpg); 
	width:775px; height:74px;
	}
	div#header img{ margin-left:135px; margin-top:2px;}
ul#nav{font:Arial;
	background-image:
	url(Nueva%20carpeta/nav.jpg)
	; width:775px; height:39px; 
	}
ul#nav li {float:left; 
line-height: 39px;}

ul#nav li a{ border-right:1px dashed #729715 ;padding:0 1em; padding-left:15px; font:Arial, Helvetica, sans-serif; font-size:15px; font-weight:100; color:white; text-decoration:none}
ul#nav li a:hover{font-weight:bold}

ul#nav li a.first{padding-left:25px}

div#banner{ font-family: Arial, Helvetica, sans-serif; text-align:left;
	background-image:
	url(Nueva%20carpeta/banner.jpg); 
	width:775px; height:180px;
	}
	div#banner h1{
		font:Arial;
	    color:#fff;
		font-size:24px; 
		padding-top:36px; padding-left:25px;
		}
    div#banner p{ 
	    text-align:justify;
		font:Arial;
	    color:#fff;
		font-size: 14px; 
		padding-top:10px;
		padding-left:26px; padding-right:250px;}

div#contenido { 
background-color:#ffffff;
width:775px; height:200px
}

div#footer {position:relative;float:none;padding-top:10px;
	background-image:url(Nueva%20carpeta/foot.jpg); 
	width:775px; height:55px; }
	
	ul#footerlist ul {margin-top:40px;background-image:url(Nueva%20carpeta/foot.jpg); width:775px; height:55px;}

ul#footerlist li { display:inline;
line-height:55px;}

ul#footerlist  li a{ float:inherit;border-right:1px solid #999 ;padding:0 1em; font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:100; color:white; text-decoration:none}
ul#footerlist li a:hover{text-decoration: overline underline; font-weight:400}

div#menulat {position:relative;float:left;text-align:left;margin:1em 1em 1em 0em;width:120px; height:300px; display:block; border:1px solid #000000;}
div#menulat li a {display:block;font-size:17px;text-align:left; text-decoration:none; color:#666; line-height:20px}
div#menulat li a:hover { background-color:#E6E6E6;font-weight:bold;}

naavix · #2 (**permalink**) 30/04/2009, 16:03

si, si necesitan el html oa lgun otro dato diganme :D

naavix · #3 (**permalink**) 30/04/2009, 19:57

cualquier cosa ya lo arregle
gracias