Problema con 100% height css

Citar

Escrito el 22 Feb 2008 08:25 pm

Hola,

Les comento mi problema, quiero poner un fondo a cada lado de mi pagina..un fondo distinto..

tengo este CSS:

Código :

#izq, #der{height:100%;float:left;width:145px;}
#izq{background:url(../Images/bg_derecha.gif) repeat-y right;}
#der{background:url(../Images/bg_izquierda.gif) repeat-y left;}

#contenido{width:700px;float:left;border-left:solid #333333 1px;border-right:solid #fff 1px;position:relative;}

Y la capa contenido es la del medio, esa si que me la hace al 100% pero porque tambien tengo esto:

Código :

html,body{
margin:0px;
height:100%;
}

Entonces me pasa que me hace el 100% de lo que digamos estoy viendo..miren lo que pasa cuando bajo el scroll:

Espero que puedan decirme el problema, ya que en CSS estoy algo pollo...gracias de antemano, Un saludo.

Por AdRiAnCeTe

45 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 22 Feb 2008 11:37 pm

Con el :
background-repeat:repeat-y; debería funcionar no ?

Por kanjirulo

8 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 23 Feb 2008 05:25 am

Supongo que si ubicas el código así:

Código :

<html>
<head>...</head>
<body>
<div id="izq"><div id="der">
<div id="contenido">...</div>
</div></div>
</body>
</html>

Debería funcionar

Por eZakto

43 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Salta, Argentina.

Citar

Escrito el 23 Feb 2008 09:57 am

eZakto escribió:

Supongo que si ubicas el código así:

Código :

<html>
<head>...</head>
<body>
<div id="izq"><div id="der">
<div id="contenido">...</div>
</div></div>
</body>
</html>

Debería funcionar

Tengo puesto primero el #IZQ luego el #contenido y luego el #der, y así pasa eso que os he mostrado, si lo pongo como tú me dices se juntan los 2, el izq y der y el contenido se queda a un lado

...

Un saludo y espero, puedan ayudarme.

Por AdRiAnCeTe

45 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 23 Feb 2008 09:57 am

kanjirulo escribió:

Con el :
background-repeat:repeat-y; debería funcionar no ?

Asi esta puesto.

Por AdRiAnCeTe

45 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 23 Feb 2008 04:23 pm

Según lo que tu has puesto el esta operando, tu le has dicho que el te haga una capa de la altura del navegador (100%) y el te la ha hecho.

Esto funciona de modo que calcula la altura nada mas cargar el navegador la web y se la pone a la capa... pero el 100% no te asegura que cuando muevas el scroll esa capa siga creciendo ocupando toda la pantalla xDDDDDDDDDDDD...

Soluciones... lo milagros hay que dejárselos a lourdes.

si me pides consejo, yo crearía una capa contenedora... que contenga toda tu web... y a los laterales pondría tus capas. entonces cuando el contenido central crezca el div que tiene los diferentes fondos tb crecerá... en ese caso si funcionaria el 100%, si alguien tiene una respuesta mejor todos aprenderemos algo.

Por Avaltel 2.0

22 de clabLevel

Envíale un mensaje privado

Problema con 100% height css

Escribe una respuesta rapida