Hola,
muchas gracias por tu respuesta, sabes entendi todo, menos la solución que
propones:
"La solución que le daria yo es flotar el pie y darle un ancho del 100% del
> contenedor."
podrias si fueras tan amable de darme tu solución un poco mas grafica
añadiendola al codigo de mi ejemplo, enserio te estaria eternamente
agradecido,
muchas gracias una vez mas ;)
On 6/1/07, Francisco Alvarez Alonso <[EMAIL PROTECTED]> wrote:
>
> El contenedor "contenido" y "ladoa" están flotando con lo que se salen
> del flujo normal del documento. En cambio "pie" no lo está flotando con
> lo que el margen superior de este lo calcula
> en este caso respecto a su caja contenedora ("contenedor") al decirle al
> pie que no haya elementos flotando a sus lados (clear:both) te dibuja la
> caja debajo de estas y como el margen superior (15px)
> es inferior a la altura de los dos elementos flotantes (contenido y
> ladoa), te da la impresión de que no se lo aplica (Prueba a poner
> margin-top:1000px :)). La solución que le daria yo es flotar el pie y
> darle un ancho del 100% del contenedor. Saludos.
>
> Gerzo Karim escribió:
> > Hola,
> >
> > basicamente mi layout css esta asi:
> >
> >
> > body {
> > margin:0 auto;
> > text-align:center;
> > }
> >
> > #contenedor {
> > width:750px;
> > margin:0 auto;
> > text-align:left;
> > }
> >
> > #contenido {
> > background:#DDD;
> > float:left;
> > width:540px;
> > }
> >
> > #ladoa {
> > background:#00FF00;
> > float:right;
> > margin-left:10px;
> > width:200px;
> > }
> >
> > #pie {
> > background:#FFFF00;
> > margin-top:15px;
> >
> > }
> >
> >
> > y en implementacion es algo mas o menos asi:
> >
> >
> > <html>
> > <head>
> > <title>TEST...</title>
> > <link rel="stylesheet" href="main.css" type="text/css" media="all">
> > </head>
> >
> > <body>
> >
> > <div id="contenedor">
> > <div id="contenido">
> > <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
> dolor
> > sit amet Lorem ipsum dolor sit amet</p>
> > </div>
> >
> > <div id="ladoa">
> > <ul>
> > <li>Link 1</li>
> > <li>Link 2</li>
> > <li>Link 3</li>
> > </ul>
> > </div>
> >
> > <div id="pie">
> > <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
> dolor
> > sit amet Lorem ipsum dolor sit amet</p>
> > </div>
> > </div>
> >
> > </body>
> > </html>
> >
> >
> > pero el problema radica en que mi footer no funciona ni con IE ni con FF
> el
> > atributo margin-top solo sirve el margin-bottom y no se por que!!!! se
> me
> > pega mucho el #pie al #contenido :'(
> >
> > alguna idea???? necesito su ayuda!!!
> >
> > saLudOs
> > _______________________________________________
> > 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
>
--
saLudOs
Atte,
Gerzo Karim
_______________________________________________
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
