Vereis tengo una web y quiero que baje hasta abajo automaticamente dependiendo de la reslucion el contenido... ya me entendeis e visto este enlace http://www.forosdelweb.com/f53/div-q...pagina-466850/
No me funciona no se que hacer os adjunto el codigo css y el html pero no veo solucion e probado algo de javascript y nada...
Una solucion no vendria nada mal de todas formas mil gracias
Contenido CSS
Código:
Contenido HTML#moz-selection {background: #FFFFFF;color: white;}
a:link {color: #356011;}
a:hover{text-decoration: underline; color: #353535;}
a:visited {color: #356011;}
* {border: 0; margin: 0;}
html {height:100%;}
body {font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666666; background: #6d8835 url(images/bga.gif) repeat-x; height:100%}
#bg {background:url(images/bgtop.jpg) no-repeat center top;}
#bgb {background:url(images/bgfot.jpg) no-repeat center bottom;}
#main {margin: 0 auto; width: 778px; background: #e3fdac; border-right: 10px solid #e3fdac; border-left: 10px solid #e3fdac; height:100%;}
#header {width: 778px; margin: 0 auto; height: 180px; background: url(images/headerr.jpg) no-repeat center bottom; border-bottom: 8px solid #e3fdac;}
#logo {padding-left: 40px;text-align: left;padding-top: 120px;height: 207px;}
#logo a {text-decoration: none;font-style: italic;font-size: 24px;color: #FFFFFF;font-weight: bold;}
#logo H2 a{font-size: 10px;}
#buttons{width: 778px;height: 40px;margin: 0 auto;background: url(images/menu.gif) repeat-x;}
#buttons ul {padding-left: 27px;margin: 0px;}
#buttons li {display: inline;}
#buttons a {float: left;width: 95px;height: 40px;text-align: center;text-decoration: none;color: #ffffff;font-weight: bold;font-size: 14px;padding-top: 10px;margin-right: 5px;}
#buttons a:hover {width: 95px;height: 40px; text-decoration: underline; color: #FFFFFF;}
#content{width: 768px;padding: 5px; height:100%;}
#content_bg{background: #e3fdac url(images/content_bg.gif) repeat-x top;padding: 5px;margin-bottom: 5px;border-top: 1px solid #e3fdac;}
#left{width: 470px;padding: 10px;background: #ffffff;border: 1px solid #3a6611;}
.text{padding-top: 5px;padding-bottom: 30px;}
#left H1, #left H2{color: #356011;font-size: 24px;font-family:Georgia, "Times New Roman", Times, serif;padding-top: 20px;padding-left: 10px;background: url(images/title_left.gif) no-repeat;font-weight:normal;border-bottom: 1px solid #356011;}
#left a{color: #356011;}
#left a:hover{text-decoration: none;color: #353535;}
#left a:visited {color: #356011;}
#right{width: 257px;padding-right: 7px;padding-top: 7px;padding-bottom: 7px;float:right;}
#right ul {list-style: none;display:block;padding-left: 20px;padding-top: 10px;}
#right ul li{margin-bottom: 20px;height: 24px;}
#archives ul li {margin-bottom: 5px;background:url(images/list_style.gif) no-repeat left;padding-left: 15px;}
#right h2 {height: 34px;background: url(images/title_right.gif) no-repeat;font-size: 18px;color: #ffffff;text-align:center;padding-top: 12px;font-weight: normal;}
#right a{text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-family: 12px;font-weight: bold;}
#right a:hover {text-decoration: underline;}
#right li a {padding-left: 10px;background: url(images/img09.gif) no-repeat;}
#footer{background: url(images/footer.gif) repeat-x;height: 50px;margin: 0 auto;font-size: 10px;color: #ffffff;padding-top: 20px;text-align: center;clear:both;}
#footer a{color: #ffffff;font-size: 10px;text-decoration: none;}
.padding{padding: 10px;color:#FF0000;font-weight: bold;}
#left2{width: 737px;padding: 10px;background: #ffffff;border: 1px solid #3a6611;}
#left2 H1, #left H2{color: #356011;font-size: 24px;font-family:Georgia, "Times New Roman", Times, serif;padding-top: 20px;padding-left: 10px;background: url(images/title_left.gif) no-repeat;font-weight:normal;border-bottom: 1px solid #356011;}
#left2 a{color: #356011;}
#left2 a:hover{text-decoration: none;color: #353535;}
#left2 a:visited {color: #356011;}
p.white::selection {background: #ffffff; color:#00C600;}p.white::-moz-selection {background: #ffffff; color:#00C600;}
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Los Rebollos</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="bg">
<div id="bgb">
<div id="main">
<!-- Principio Cabecera -->
<div id="header">
<div id="logo"></div>
</div>
<div id="buttons">
<ul>
<li><a STYLE="">Inicio</a></li>
<li><a href="#">Plantas</a></li>
<li><a href="#">Viveros</a></li>
<li><a href="podas.html">Podas</a></li>
<li><a href="#">Desbroces</a></li>
<li><a href="#">Desbroces</a></li>
<li><a href="#">Desbroces</a></li>
</ul></div>
<!-- Final Cabecera -->
<!-- Principio Contenido -->
<div id="content_bg">
<div id="content">
<div id="left" STYLE="width: 737px;">
<H2>Vivero Los Rebollos</H2>
<BR><div class="text">
<p class="white">Antes de ponerte manos a la obra con la poda de un arbusto, es fundamental que sepas que cada variedad de ejemplares es un mundo, y que esta tarea depende en gran medida de las condiciones meteorológicas de la zona.</p><BR>
<IMG SRC="images/podas.gif" ALIGN="left" WIDTH="95" HEIGHT="95" BORDER="0" ALT="">
<p class="white">Este tipo de poda se realiza para intentar reducir el sufrimiento que provoca al arbusto unas condiciones climáticas determinadas. Éste es el caso de las plantas que se podan justo antes de las heladas para que rebroten en primavera.</p><BR>
<p class="white">Por otro lado, los arbustos recién plantados con tiempo seco también suelen recortarse: se eliminan las hojas más grandes para que no pierdan demasiada agua en la transpiración.</p><BR>
<p class="white">Debes realizar una poda curativa para eliminar las partes dañadas o muertas que tiene la planta. Hazlo en cualquier momento del año, ya que de esta forma impedirás que la enfermedad se propague al resto del ejemplar. Seguramente esta poda afeará la planta y le restarà vigor, pero puede salvarla. </p><BR>
<p class="white">Este tipo de poda se realiza para intentar reducir el sufrimiento que provoca al arbusto unas condiciones climáticas determinadas. Éste es el caso de las plantas que se podan justo antes de las heladas para que rebroten en primavera.</p><BR>
<p class="white">Por otro lado, los arbustos recién plantados con tiempo seco también suelen recortarse: se eliminan las hojas más grandes para que no pierdan demasiada agua en la transpiración.</p></div>
</div>
</div>
</div>
<!-- Final Contenido -->
<!-- Principio Final -->
<div id="footer">
<p><B>Vivero Los Rebollos - Cercedilla</B></p>
<p><a href="#">Contacto</a> | <a href="#">Visitanos</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p></div>
<!-- Final Final -->
</div>
</div>
</body>
</html>
