Diferencia entre FF 3.5 y la version 3

[neodani]

Buenas,

Tengo un problema con el Firefox 3 veo bien la página pero con el Firefox 3.5 el footer aparece descolocado :S es muy raro, nunca me había pasado. Porque incluso en IE se ve bien, es lo que me extraña. Porque el Firefox en la nueva versión no se ve igual?

Alguien puede indicarme que es lo que no le gusta al Firefox 3.5 de este footer?
www.tomatis.cat



Muchas gracias de antemano!

[zerokilled]

la explicacion de porque una version sucede y en otro no, no la se. de todos modos, sucede por la forma en que estas tratando de posicionar los elementos. en tu caso, estas usando margenes con valores negativos. lo correcto seria alguna tecnica que todos los navegadores entiendan por igual. por ejemplo, puedes usar posiciones absolutas. en este caso, aplicado a los botones CSS y HTML. y el texto que dice "Designed by" ubicalo dentro del footer.

algo asi es lo que tienes que hacer...

Código HTML:

<div id="footer">
<p class="xhtmlcss">botones HTML y CSS</p>
<p>copyright, aviso legal y contacto</p>
<p>direccion fisica</p>
<p class="createdby">designed by ... </p>
</div>

<style>
#footer{
position:relative;
}

.xhtmlcss{
position:absolute;
top:0;
right:2em;
}

.createdby{
text-align:right;
}
</style> 

[neodani]

Iniciado por zerokilled

la explicacion de porque una version sucede y en otro no, no la se. de todos modos, sucede por la forma en que estas tratando de posicionar los elementos. en tu caso, estas usando margenes con valores negativos. lo correcto seria alguna tecnica que todos los navegadores entiendan por igual. por ejemplo, puedes usar posiciones absolutas. en este caso, aplicado a los botones CSS y HTML. y el texto que dice "Designed by" ubicalo dentro del footer.

algo asi es lo que tienes que hacer...

Código HTML:

<div id="footer">
<p class="xhtmlcss">botones HTML y CSS</p>
<p>copyright, aviso legal y contacto</p>
<p>direccion fisica</p>
<p class="createdby">designed by ... </p>
</div>

<style>
#footer{
position:relative;
}

.xhtmlcss{
position:absolute;
top:0;
right:2em;
}

.createdby{
text-align:right;
}
</style> 

Pero si pongo una posición absoluta, los botones xhtml y css se suben arriba del todo de la página.

.xhtmlcss{
position:absolute;
top:0;
right:2em;
}

¿Querías decir eso?

Gracias de antemano!

[zerokilled]

no sube a lo mas alto de la pagina siempre y cuando uno de los elementos padres tenga posicion relativa, en tu caso el elemento que sirve como contenedor de pie de pagina. en el ejemplo que te puse lo puedes ver.

[neodani]

Iniciado por zerokilled

no sube a lo mas alto de la pagina siempre y cuando uno de los elementos padres tenga posicion relativa, en tu caso el elemento que sirve como contenedor de pie de pagina. en el ejemplo que te puse lo puedes ver.

Ostras es verdad, una cosa más que aprendo, muchísimas gracias zerokilled