Amigo, lo primero que tenes que saber es que no anda el height 100%, dentro
de un contenedor con min-height.
Para que ande el height:100% de un div dentro de un contenedor tiene que
tener height fijo, no min-height.
No se si ya eso te da una ayuda para tu problema o no.
2008/9/10 kbr1 mafia <[EMAIL PROTECTED]>
> este es el css:
>
> /*inicio tags genericos*/
> *{
> padding:0px;
> margin:0px;
> }
> html {
> height:100%;
> }
> body {
> height:100%;
> font-family: Arial, Geneva,Trebuchet MS, Verdana,Helvetica,
> sans-serif;
> text-align:center;
> background:#EDEDED;
> SCROLLBAR-ARROW-COLOR: #688f00;
> SCROLLBAR-FACE-COLOR: #ededed;
> SCROLLBAR-TRACK-COLOR: #e0dfdf;
> SCROLLBAR-HIGHLIGHT-COLOR: #ededed;
> SCROLLBAR-SHADOW-COLOR: #ededed;
> SCROLLBAR-DARKSHADOW-COLOR: #48700f;
> SCROLLBAR-3DLIGHT-COLOR: #48700f;
> color:#808080;
> }
>
> p{
> padding:0px;
> color:#000000;
> font-size:11px;
> }
> h1{
> text-align:left;
> color:#ffffff;
> font-size:19px;
>
> }
> h2{
> color:#000000;
> font-size:14px;
> padding-left:0px;
> padding-top:10px;
> margin-bottom:0px;
> }
>
> ul{
> padding: 0px;
> margin: 0px;
> }
> li{
> margin : 0px;
> padding: 0px;
> }
> /*fin tags genericos*/
>
>
> /*inicio tags especificos*/
> #contenedor {
> min-height:96.3%;
> /*width:791px;*/
> width:760px;
> background:#ffffff;
> text-align:left;
> margin:0px auto;
> padding:0px;
> }
> * html #contenedor {
> height:96.3%;
> }
>
>
> /*#lateral_izquierdo{
> float:left;
> width:16px;
> background:repeat url(../imagenes/lat_izq.gif);
> height:100%;
> margin:0px;
> padding:0px;
>
>
> }
>
> * html #lateral_izquierdo{
> height:100%;
> }
>
>
> #lateral_derecho{
> float:right;
> width:15px;
> background:repeat url(../imagenes/lat_der.gif);
> height:100%;
> margin:0px;
> padding:0px;
>
>
> }
>
>
> * html #lateral_derecho{
> height:100%;
>
> }*/
>
>
> #cabecera{
> position:relative;
> height:289px;
> width:100%;
> height:289px;
> margin:0px;
> padding:0px;
> }
>
> #cabecera_superior{
> height:113px;
> position:relative;
> margin:0px;
> padding:0px;
> }
> #cabecera_inferior{
> height:176px;
> position:relative;
> margin:0px;
> padding:0px;
>
> }
> * html #cabecera_inferior{
> margin-top:-3px;
> }
>
>
> #cuerpo {
> width:760px;
> padding:0px;
> margin:0px;
> background:#ffffff;
> text-align:center;
> }
>
> * html #cuerpo {
> margin-top:-3px;
> }
>
>
>
>
> #contenido {
> text-align:justify;
> }
>
> #izquierda{
> display:block;
> float:left;
> color:#000000;
> background:#ffffff;
> width:166px;
> margin:0px;
> padding:0px;
> }
>
> #derecha{
> float:right;
> width:594px;
> margin:0px;
> padding:0px;
> text-align:justify;
> background:#ffffff;
> }
>
> #derecha a{
> line-height: normal;
> COLOR: #D75C02;
> BORDER-BOTTOM: #98CA05 1px dotted;
> FONT-SIZE: 10px ;
> FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ;
> font-weight: bold;
> text-decoration:none;
>
> }
> #derecha a:hover{
> COLOR: #ffffff;
> BACKGROUND-COLOR: #D75C02 ;
> BORDER-BOTTOM-color: #000000;
>
> }
>
>
>
>
> /*inicio portada */
> #interno{
> width:594px;
> margin:0px;
> padding:0px;
> }
>
> #iz_de{
> float:left;
> width:351px;
> text-align:justify;
> }
>
> #foto_introduccion{
> float:left;
> padding-bottom:16px;
> width:351px;
> }
> #iz_de p{
> padding-top:0px;
> padding-bottom:16px;
> padding-right:40px;
> padding-left:40px;
> color:#666F1D;
> font-size: 12px;
> }
> #iz_de_bajo{
> float:left;
> width:296px;
> margin-left:28px;
> margin-top:21px;
> padding-top:7px;
> padding-bottom:9px;
> text-align:justify;
> background:#F2F2F2;
>
> }
> #iz_de_bajo p{
> text-align:center;
> padding-bottom:4px;
> padding-right:40px;
> padding-left:39px;
> color:#666666;
> font-size: 12px;
> }
> #iz_de_bajo a{
> margin-left:68px;
> }
>
> #de_de{
> float:right;
> width:243px;
> }
> #de_de_arriba{
>
> }
> #foto{
> float:left;
> width:188px;
> }
>
> #foto_hoja{
> width:55px;
> float:right;
> }
> #de_de_bajo{
> text-align:justify;
> position:relative;
> top:19px;
> }
>
> * html #de_de_bajo{
> top:16px;
> }
>
> #de_de h1{
> color:#989898;
> font-size:15px;
> font-weight: bold;
> font-family: Trebuchet MS, Geneva, Arial, Verdana, Helvetica,
> sans-serif;
> color: #989898;
> line-height: 19px;
> }
>
> #de_de ul{
> width:136px;
> margin-left:40px;
> margin-top:37px;
> }
> * html #de_de ul{
> margin-top:18px;
> }
> #de_de li{
> margin-bottom:1px;
> }
>
>
> /*fin portada */
>
>
>
> /*inicio pie*/
>
> #pie{
> height:31px;
> background:#E8E8E8;
> color:#000000;
> position:relative;
> margin:0px auto;
> /*margin-top:-31px;*/
> text-align :right;
> /*width:791px;*/
> width:760px;
> }
> * html #pie{
> height:32px;
> }
>
> #enlace_pie{
> position:relative;
> float:right;
> margin-top:4px;
> }
>
> * html #enlace_pie{
> margin-bottom:-4px;
> }
>
> #enlace_pie1{
> position:relative;
> float:right;
> margin-top:4px;
> margin-right:46px;
> }
>
> * html #enlace_pie1{
> margin-bottom:-4px;
> }
>
>
>
> /*fin pie*/
>
>
>
>
>
>
>
> .clear {/*overflow:hidden;*/
> /*height:25px;*/clear:both;}
> /** html .clear {overflow:hidden;height:40px;clear:both;}*/
>
> .negrita{
> font-weight:bold;
> }
>
>
>
>
> /*fin tags especificos*/
>
> y este el html:
>
>
>
> <BODY>
>
> <DIV ID="contenedor">
> <!--inicio contenedor-->
>
>
> <DIV ID="lateral_izquierdo">
> <!--inicio lateral_izquierdo-->
> </DIV>
> <!--fin lateral_izquierdo-->
> <DIV ID="lateral_derecho">
> <!--inicio lateral_derecho-->
> </DIV>
> <!--fin lateral_derecho-->
>
>
>
>
>
>
> <DIV ID="cabecera">
> <!--inicio cabecera-->
>
>
> <DIV ID="cabecera_superior">
> <!--inicio cabecera_superior-->
>
> <A ><IMG></A>
>
> </DIV>
> <!--fin cabecera_superior-->
>
> <DIV ID="cabecera_inferior">
> <!--inicio cabecera_inferior-->
>
> <IMG>
>
> </DIV>
> <!--fin cabecera_inferior-->
>
> </DIV>
> <!--fin cabecera-->
>
>
> <DIV ID="cuerpo">
> <!--inicio cuerpo-->
>
> <DIV ID="contenido">
> <!--inicio contenido-->
>
>
> <DIV ID="izquierda">
> <!--inicio izquierda-->
>
> <IMG>
>
>
> </DIV>
> <!--fin ezquierda-->
>
> <DIV ID="derecha">
> <!--inicio derecha-->
>
> <DIV ID="interno">
> <!--inicio interno-->
>
> <DIV ID="iz_de">
> <!--inicio iz_de-->
>
> <DIV ID="foto_introduccion">
> <!--inicio foto_introduccion-->
> <IMG>
> </DIV>
> <!--fin foto_introduccion-->
>
> <P>
>
> </P>
>
>
> <DIV ID="iz_de_bajo">
> <!--inicio iz_de_bajo-->
>
> <P></P>
>
>
>
>
> </DIV>
> <!--fin iz_de_bajo-->
>
>
>
> </DIV>
> <!--fin iz_de-->
>
> <DIV ID="de_de">
> <!--inicio de_de-->
> <DIV ID="de_de_arriba">
> <!--inicio de_de_arriba-->
>
>
>
> <DIV ID="foto">
> <!--inicio foto-->
>
> <IMG >
> </DIV>
> <!--fin foto-->
>
>
> <DIV ID="foto_hoja">
> <!--inicio foto_hoja-->
> <IMG>
> </DIV>
> <!--fin foto_hoja-->
>
>
> </DIV>
> <!--fin de_de_arriba-->
>
> <DIV ID="de_de_bajo">
> <!--inicio de_de_bajo-->
>
> <h1><span class="negrita">Descargar
> PDF:</span></h1>
>
> <UL><LI></LI>
> <LI></LI>
> <LI></LI>
> </UL>
>
> </DIV>
> <!--fin de_de_bajo-->
> </DIV>
> <!--fin de_de-->
> </DIV>
> <!--fin interno-->
>
>
>
>
> </DIV>
> <!--fin derecha-->
>
>
>
> <DIV CLASS="clear"> </DIV> </DIV>
> <!--fin contenido-->
>
> </DIV>
> <!--fin cuerpo-->
>
> </DIV>
> <!--fin contenedor-->
>
>
>
>
>
>
>
> <DIV ID="pie">
> <!--inicio pie-->
>
>
>
>
> <DIV ID="lateral_izquierdo">
> <!--inicio lateral_izquierdo-->
> </DIV>
> <!--fin lateral_izquierdo-->
> <DIV ID="lateral_derecho">
> <!--inicio lateral_derecho-->
> </DIV>
> <!--fin lateral_derecho-->
>
>
>
>
>
> <DIV ID="enlace_pie1">
> <!--inicio enlace_pie1-->
>
>
>
>
>
>
>
> <A><IMG></A>
>
>
> </DIV>
> <!--fin enlace_pie1-->
>
>
>
> <DIV ID="enlace_pie">
> <!--inicio enlace_pie-->
> <A><IMG></A>
> </DIV>
> <!--fin enlace_pie-->
>
>
>
>
> </DIV>
> <!--fin pie-->
>
>
>
>
>
>
> </BODY>
> </HTML>
>
>
>
>
>
> El 10 de septiembre de 2008 13:45, Ignacio Ricci
> <[EMAIL PROTECTED]>escribió:
>
> > Nos podes dejar el código o alguna url para verlo?
> >
> > On Tue, Sep 9, 2008 at 11:53 PM, kbr1 mafia <[EMAIL PROTECTED]> wrote:
> >
> > > hola.
> > >
> > > es una pagina que tiene el contenido en el div central y a cada uno de
> > los
> > > lados tengo un div que contiene una imagen de fondo repetida en el eje
> y
> > > para crear el efectode un degradado de negro al color de fondo de el
> body
> > > para crear un efecto de que la pagina esta flotando encima del body y
> > cada
> > > uno de los bordes es la sonbra que se veria debajo, y el problema que
> > tengo
> > > es que el pie esta fijado en el fondo de la pantalla siempre (se a del
> > > largo
> > > que sea) y cuando visualizas la pagina modificando el tamaño de la
> > ventana
> > > cuado el pie choca con el contenido se frena como es normal pero los
> > > contenedores laterales que deverian hacer lo mismo para conservar la
> > > estetica de la pagina no lo hacen (por que al ser percentiles para que
> > > ocupen el cien por cien del contenedor y en modo pantalla completa
> ocupen
> > > toda la pantalla) siguen encongiendose entonces cuando mueves el scrol
> > para
> > > visualizar la parte inferior de la pagina que no cave en la pantalla
> ves
> > > que
> > > no tiene los bordes, en tonces se ve la parte superior con ellos y la
> > parte
> > > inferior sin ellos y deveria conseguir que se vieran en toda la pagina
> > > hasta
> > > cuando esta en ventana mas pequeña, el problema es con el firefox que
> el
> > > cien por cien lo interpreta en el modo de ventana reducida como si
> fuera
> > el
> > > tamaño del scrol y no del contenido hasta el pie de la pagina.
> > >
> > > muchas gracias.
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a [email protected]
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > ↓ Ignacio Ricci
> > www.ignacioricci.com
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
