[Ovillo] Problema con Footer en Margin-Top

Lun Jun 4 08:20:48 UTC 2007

Gerzo Karim escribió:
> simplemente genial!!!!
>
> pero por que no funcionara en IE??? alli que hack o que hay que hacer,
> alguna idea????
>
>   
Si funciona lo que pasa que no has definido el Doctype y explorer entra 
en quirks mode.
> saLudOs,
>
> <http://lists.ovillo.org/pipermail/ovillo/2007-June/012482.html>[Ovillo]
> Problema con Footer en Margin-Top *Juan Jorge Muñoz Herrero* jjmh399 en
> gmail.com
> <ovillo%40lists.ovillo.org?Subject=%5BOvillo%5D%20Problema%20con%20Footer%20en%20Margin-Top&In-Reply-To=bf4a2b730706011112v4c955e13ycd07b298f78d0f9d%40mail.gmail.com>
> *Vie Jun 1 19:24:16 UTC 2007*
>
>
>    - Mensaje anterior: [Ovillo] [off-topic] Ayuda con menú desplegable
>    (javascript)
>    <http://lists.ovillo.org/pipermail/ovillo/2007-June/012481.html>
>    - *Mensajes ordenados por:* [ fecha
> ]<http://lists.ovillo.org/pipermail/ovillo/2007-June/date.html#12482>
> [
>    hilo ]<http://lists.ovillo.org/pipermail/ovillo/2007-June/thread.html#12482>
> [
>    asunto ]<http://lists.ovillo.org/pipermail/ovillo/2007-June/subject.html#12482>
> [
>    autor ]<http://lists.ovillo.org/pipermail/ovillo/2007-June/author.html#12482>
>
> ------------------------------
>
> <html>
>     <head>
>     <title>TEST...</title>
>     <style type="text/css">
>         *{margin:0;padding:0;}
>         /*
>             Esto lo hago para machacar
>             los valores de cada navegador
>             y tener un poco más de control
>         */
>         #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 {
>             float:left; /*esto es a lo que se refiere*/
>             width:100%; /*esto es a lo que se refiere*/
>             background:#FFFF00;
>             margin-top:15px;
>             clear:both;}
>     </style>
>     </head>
>
>     <body>
>         <div id="contenedor">
>             <div id="contenido">
>                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
> elit. Mauris gravida sem eu sem. Vestibulum rhoncus convallis nisi.
> Aliquam velit enim, tempor et, tempus sagittis, tristique ac, quam. In
> eget elit. Nulla egestas porttitor sapien. Cras ac tortor eget mauris
> aliquam placerat. Maecenas sit amet nisi. Class aptent taciti sociosqu
> ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac
> habitasse platea dictumst. Nam arcu nulla, ultrices sit amet,
> pellentesque non, vestibulum in, nulla.</p>
>             </div>
>             <ul id="ladoa">
>                 <li>Link 1</li>
>                 <li>Link 2</li>
>                 <li>Link 3</li>
>             </ul>
>             <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>
>
> PD: Te sobraba la div que contenía la lista.
>