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
