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;}