problema de posicionamiento de footer

Citar

Escrito el 17 Abr 2007 02:23 pm

hola, tengo un problema con un footer de una página que estoy haciendo... el problema es que en "explorer" (como siempre...) queda unos pixeles más arriba que el fondo de la página y por culpa de esto se ve parte del fondo repetido en y que viene del div superior

el problema está en la página http://dospuntocero.cl/serval/pagina.html

se agradece la ayuda, ya no se como arreglar esto

Por mesiah

5 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 23 Abr 2007 11:44 am

Incluye un topmargin="0" al body

<body topmargin="0">

a ver que pasa
me cuentas
Saludos

Por majestic

35 de clabLevel

Genero:Masculino

Envíale un mensaje privado Web

Citar

Escrito el 23 Abr 2007 09:44 pm

majestic escribió:

Incluye un topmargin="0" al body

<body topmargin="0">

a ver que pasa
me cuentas
Saludos

Esto se puede realizar con css

Código :

body { margin-top:0; }

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 27 Abr 2007 03:28 pm

gracias neoJp por responder

pero no me funcionó...

probablemente porque cambié la estructura completa del css (he aprendido harto con este proyecto...) ahora está mucho más limpio que antes y funciona mejor

voy a tratar de hacerlo sin ningún tipo de hacks y que funcione

en estos momentos no he podido hacer que el footer quede pegado abajo debido a que cuando lo logro y pruebo en pantallas de menor altura, el footer me queda pegado como a la mitad de la pagina

esto es realmente desagradable así que desidí por ahora dejarlo al final del texto solamente y no pegado abajo mientras no encuentre una solución crossbrowser que valide

Por mesiah

5 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 08 May 2007 11:50 pm

Yo propongo que probes el siguiente codigo para css y mas abajo te dejo el html
esto deberia fijarte el footer permitirte mover sitio por detras sin problemas de scroll ni de browser, o sea compatible con cualquier browser..!!

CODIGO CSS

Código :

 html, body {
            overflow: hidden;
            height: 100%;
            margin: 0;
            padding: 0;
    }
    body {
            font: 11px verdana, arial, sans-serif;
    }
   #contenedor {
           height: 100%;
           overflow: auto;
           position: relative; z-index: 2;
           text-align: center;
   }
    
   #divfija {
           position: absolute;
           bottom: 0;
           right: 15;
           z-index: 1;
   }
   #contenido {
           margin: 0 auto;
           width: 65%;
           text-align: left;
   }

CODIGO HTML

Código :

<div id="contenedor">
         <div id="contenido">
     <h1>Emular fixed</h1>
            <p> Lorem ipsum dolor ...</p>
        </div>
      </div>
      <div id="divfija"><img src="too_cool.gif"></div>

Desde ya cualquier consulta es bienvenida.

Aqui un ejemplo para un foro de rock en mi ciudad para el que usamos esta solucion

http://fuma.larockagenda.com.ar/

Saludos Jack

Por jack_pelorus

21 de clabLevel

Genero:Masculino

Envíale un mensaje privado Web

Citar

Escrito el 09 May 2007 04:31 am

Para los interesados, la técnica que recomienda jack_pelorus es conocida como FooterStick.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

problema de posicionamiento de footer

Escribe una respuesta rapida