[SOLUCIONADO] Problema con etiquetas de ancla en firefox

[baravaro]

Muy buenas.

Estoy ayudando a hacer una web a unos amigos, y resulta que las etiquetas a de anclas no me funcionan igual en fiirefox que en otros navegadores.

La dirección es esta : espacioimpar.com
La abren con firefox y luego con chrome y le dan a servicios y luego a diseño web o diseño grafico y editorial. Podrán comprobar qeu en los distintos navegadores el funcionamiento no es el mismo, en firefox concretamente.
Intento que la cabecera negra con el nombre de la sección elegida quede pegada sobre el borde de arriba.

Para esto utilizo la etiquta a:

Código HTML:

<a href="pagina.php#web">enlace</a> 

Y luego el ancla donde quiero que me lleve el enlace ( en la misma pagina )

Código HTML:

<a name="web"></a> 

Entiendo que quizás no me expliqué bien. Pero quiero que vean el comportamiento en chrome ( que lo hace bien) y luego en firefox que me enlaca a ese ancla mal, y me sale la pagina más arriba o más abajo.

Gracias por ayudar y un saludo!

[Rafael]

Ya no se usa el name="web" se usa id="web"

name se utiliza solamente para identificar variables en un formulario y cosas así.

[baravaro]

Muchisimas gracias! Que tontería ajajaj

[baravaro]

Se que he puesto que estaba solucionado, pero me ha vuelto a pasar. Las etiquetas de ancla no me llevan justo donde quiero en firefox. Queda una parte en blanco encima de la barra negra que marca la sección, y en chrome no ocurre. ¿Que está pasando?

[pzin]

Pueden ser varias cosas, como que ese elemento tenga un padding o que no haya suficiente scroll para llegar a ese elemento. Pero sin verlo ni tener código anda complicado el asunto.

[baravaro]

Vale. Paso el código.

Código HTML:

<div id="pie">
        <a id="grafico"></a>  
             <span class="servicios">
             Servicios <img src="Imagenes/Logos/linea-vertical.jpg" />
             </span>
             
             <span class="seccion">
                Dise&ntilde;o gr&aacute;fico y editorial
             </span>
             <span class="home">
                <a href="index.php#servicios">
                    Inicio
                </a></span>
       </div>
 

Y qui el css de todos los elementos:

Código CSS:

#pie{
    width:auto;
    height:80px;
    background-color:#000;
    color:#FFF;
    font-size:10px;
    margin:auto;
    clear:both
}
 
 
 
#pie img{
    width:3px;
    height:50px;
    margin-bottom:-17px;
    padding-left:10px;
}
.servicios{
    text-align:center;color:#FFF;
    font-size:30px;
    line-height:80px;
    text-align:left;
    padding-left:220px;
}
 
.seccion{
    color:#FFF;
    font-size:18px; 
    line-height:80px; 
    padding-left:15px;
}
 

EL id pie sería toda la barra vertical negra. He conseguido "solucionarlo" más o menos colocando el <a id="web"></a> dentreo de la capa pie, pero chrome se come un pelín de pie. Si ese ancla web lo ponco justo encima de la capa pie en chrome se ve perfecto pero en firefox se va al garete, el ancla me deja el pie muy muy abajo.

Acabo de probar en IE y es aún peor el funcionamiento de las anclas...