Foros del Web » Creando para Internet » Diseño web »

Auto HEIGHT :'(

Estas en el tema de Auto HEIGHT :'( en el foro de Diseño web en Foros del Web. Hola chavales: Vereis tengo una web y quiero que baje hasta abajo automaticamente dependiendo de la reslucion el contenido... ya me entendeis e visto este ...
  #1 (permalink)  
Antiguo 26/03/2010, 17:27
Avatar de orchating  
Fecha de Ingreso: marzo-2009
Ubicación: Madrid
Mensajes: 92
Antigüedad: 8 años, 8 meses
Puntos: 0
Auto HEIGHT :'(

Hola chavales:

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:
#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;}
Contenido HTML
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&oacute;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&aacute;ticas determinadas. &Eacute;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&eacute;n plantados con tiempo seco tambi&eacute;n suelen recortarse: se eliminan las hojas m&aacute;s grandes para que no pierdan demasiada agua en la transpiraci&oacute;n.</p><BR>
                <p class="white">Debes realizar una poda curativa para eliminar las partes da&ntilde;adas o muertas que tiene la planta. Hazlo en cualquier momento del a&ntilde;o, ya que de esta forma impedir&aacute;s que la enfermedad se propague al resto del ejemplar. Seguramente esta poda afear&aacute; la planta y le restar&agrave; 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&aacute;ticas determinadas. &Eacute;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&eacute;n plantados con tiempo seco tambi&eacute;n suelen recortarse: se eliminan las hojas m&aacute;s grandes para que no pierdan demasiada agua en la transpiraci&oacute;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>

Última edición por orchating; 27/03/2010 a las 03:30

Etiquetas: auto, css, height
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:10.