Foros del Web » Creando para Internet » CSS »

Consulta | Me estoy volviendo locaaa! :P

Estas en el tema de Consulta | Me estoy volviendo locaaa! :P en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 29/10/2010, 10:51
 
Fecha de Ingreso: marzo-2008
Mensajes: 171
Antigüedad: 9 años, 9 meses
Puntos: 0
Consulta | Me estoy volviendo locaaa! :P

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>
  #2 (permalink)  
Antiguo 29/10/2010, 11:26
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Consulta | Me estoy volviendo locaaa! :P

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 original
  1. html,body{margin:0;padding:0;height:100%;}
  2. #cont_total {
  3.     position: absolute;
  4.     height: 100%;
  5.     width: 780px;
  6.     left: 50%;
  7.     margin-left: -390px;
  8.     overflow: auto;
  9. }
  10. #sombra_izq {
  11.     background-image: url(../imagenes/sombra_larga_izq.png);
  12.     position: absolute;
  13.     height: 100%;
  14.     width: 100px;
  15. }
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 29/10/2010, 11:38
 
Fecha de Ingreso: marzo-2008
Mensajes: 171
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Consulta | Me estoy volviendo locaaa! :P

Cita:
Iniciado por Ag666 Ver Mensaje
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 original
  1. html,body{margin:0;padding:0;height:100%;}
  2. #cont_total {
  3.     position: absolute;
  4.     height: 100%;
  5.     width: 780px;
  6.     left: 50%;
  7.     margin-left: -390px;
  8.     overflow: auto;
  9. }
  10. #sombra_izq {
  11.     background-image: url(../imagenes/sombra_larga_izq.png);
  12.     position: absolute;
  13.     height: 100%;
  14.     width: 100px;
  15. }

Impecable! Muchisimas gracias

Un beso grande!

Etiquetas: Ninguno
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 22:39.