Consulta | Me estoy volviendo locaaa! :P

MadKat · #1 (**permalink**) 29/10/2010, 09:51

Buenas a todos! Estoy renovando una pagina, y quisiera hacer que el alto de la pagina tanto como la sombra lleguen hasta abajo del todo, es decir que en cualquier resolucion quede hasta abajo del todo. No se si me expliqué bien, pero pueden ver como está ahora acá:

http://webdevelop.com.ar/nicolecron/index.html

Yo quisiera que la sombra llegue hasta abajo del todo.

Espero puedan ayudarme porque no se como hacer :(

Gracias desde ya, un beso grande!

Agustina :)

El código css (bien simple porque no tiene nada) es el siguiente:

Código:

#cont_total {
	position: absolute;
	height: 720px;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	overflow: auto;
}
#sombra_izq {
	background-image: url(../imagenes/sombra_larga_izq.png);
	position: absolute;
	height: 720px;
	width: 100px;
}

El codigo html:

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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(imagenes/bgweb.jpg);
	background-repeat: repeat;
}
-->
</style>
<link href="css/nicolecron.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="cont_total">
  <div id="sombra_izq"></div>
</div>
</body>
</html>

ArturoGallegos · #2 (**permalink**) 29/10/2010, 10:26

en tu css agrega la altura al html y al body
html,body{height:100%;}

y a tus divs en lugar de una altura fija (en pixeles) indica que debe ser el 100%

prueba este css

Código CSS:

Ver originalhtml,body{margin:0;padding:0;height:100%;}
#cont_total {
    position: absolute;
    height: 100%;
    width: 780px;
    left: 50%;
    margin-left: -390px;
    overflow: auto;
}
#sombra_izq {
    background-image: url(../imagenes/sombra_larga_izq.png);
    position: absolute;
    height: 100%;
    width: 100px;
}

MadKat · #3 (**permalink**) 29/10/2010, 10:38

Cita:

Iniciado por Ag666

en tu css agrega la altura al html y al body
html,body{height:100%;}

y a tus divs en lugar de una altura fija (en pixeles) indica que debe ser el 100%

prueba este css

Código CSS:

Ver originalhtml,body{margin:0;padding:0;height:100%;}
#cont_total {
    position: absolute;
    height: 100%;
    width: 780px;
    left: 50%;
    margin-left: -390px;
    overflow: auto;
}
#sombra_izq {
    background-image: url(../imagenes/sombra_larga_izq.png);
    position: absolute;
    height: 100%;
    width: 100px;
}

Impecable! Muchisimas gracias

Un beso grande!