Inicio > Mis eListas > hcc > Mensajes

 Índice de Mensajes 
 Mensajes 1561 al 1580 
AsuntoAutor
Re: vincular 2 hoj Juanfran
Re: Maquetación Sergio R
Re: imágenes y cua Juan R.
Re: navegación Juan R.
Re: Adjuntar archi Juan R.
Re: ¿Elementos en Juan R.
Re: esas fuentecit Juan R.
Re: Re: vincular 2 Juan R.
Re: navegador por Juan R.
RE: Problemilla co Kodro
Formularios Sergio R
Algunas dudas Sergio R
Re: Envio de formu Leonardo
Re: Envio de formu Luis Alb
Re: Maquetación Sergio R
Efecto de degradad Cristhia
RE: Maquetación Julio Sa
RE: enlaces a mis Guille
Re: background-ima str!pTM
Re: Efecto de degr Rafael C
 << 20 ant. | 20 sig. >>
 
HTML con Clase
Página principal    Mensajes | Enviar Mensaje | Ficheros | Datos | Encuestas | Eventos | Mis Preferencias

Mostrando mensaje 1571     < Anterior | Siguiente >
Responder a este mensaje
Asunto:RE: [hcc] Problemilla con capas
Fecha:Viernes, 12 de Julio, 2002  15:14:07 (+0200)
Autor:Kodro <FJavier.Hernandez @.........com>

Hola,

Si añades tanto a #menu como a #cuerpo la propiedad * height: 100%; * no
hace falta que la capa #principal tenga el mismo color de fondo, ambas se
ajustan a la altura de la contenedora.

Un saludo,
Kodro!

Juanra dijo...

> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html40/strict.dtd";>
> <html>
> <head>
>  <meta http-equiv="Content-Type" content="text/html;
> charset=ISO-8859-1">
>  <title>Dos columnas</title>
>  <Style TITLE="Hoja de Estilo" MEDIA="Screen" TYPE="text/css">
>  #principal {
>  border : green 1px solid;
>  background : yellow;
>  }
>  #cuerpo {
>  position : relative;
>  width : 80%;
>  left : 20%;
>  background : red;
>  padding : 0;
>  margin : 0;
>  }
>  #menu {
>  position : absolute;
>  top : 0;
>  width : 25%;
>  left : -25%;
>  background : blue;
>  padding : 0;
>  margin : 0;
>  }
>  </style>
> </head>
>
> <body>
> <div id="principal">
> <div id="cuerpo">
>
> <p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><
> p>Cuerpo</p><p>Cuerpo</p>
> <p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><
> p>Cuerpo</p><p>Cuerpo</p>
> <p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><
> p>Cuerpo</p><p>Cuerpo</p>
> <p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><p>Cuerpo</p><
> p>Cuerpo</p><p>Cuerpo</p>
>
> <div id="menu">
> <p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p>
> <p>Menu</p><p>Menu</p>
> <p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p><p>Menu</p>
> <p>Menu</p><p>Menu</p>
> </div>
> </div>
>
> </div>
> </body>
> </html>
>
> Si para  #principal pone "background : blue" parecerá que las dos
> columnas tienen la misma altura.