Propiedad "width" en firefox. ¿Por qué no funciona?

Citar

Escrito el 13 Dic 2008 07:05 pm

Hola, estoy haciendo un menu simple con css. De momento lo que quiero es que todos los elementos del menú ocupen el mismo ancho. El problema es que en Internet Explorer si me coge el ancho pero en fireforx no. Este es mi código en el fichero css:

Código :

a.link
{
   border-right: 1px solid #000;
   width: 90px;
}

Y este el fichero html:

Código :

<body>
    <div id="contenedor">
       <div id="cabecera">
           <img src="imagenes/header.png" alt="header" />
        </div>   
        <a href="#" class="link">Home</a>
        <a href="#" class="link">Noticias</a>                   
    </div>
</body>

Por espidifen33

23 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Dic 2008 01:38 am

agrega a tu clase un float:left; y prueba de nuevo

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino

Envíale un mensaje privado Web

Lima, Peru

@DraRock

Citar

Escrito el 14 Dic 2008 01:52 am

Realmente el problema no es porque flote sino porque debes hacer que se muestre como bloque (aunque el float funcionará porque lo mostrará como bloque automáticamente). A menos que también necesites que flote, con que le agregues a tus atributos esto:

Código HTML :

display: block;

será suficiente.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell Héroes

Envíale un mensaje privado Web

Piccola Venezia...

@the_fricky

Citar

Escrito el 14 Dic 2008 02:30 am

@The Fricky!

Pero el block hará que salgan uno debajo de otro, los links <a> son elementos inline, no se si espidifen33 querra que los links salgan uno debajo de otro, si fuera asi el block esta bien, pero sino el camino es con el float.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino

Envíale un mensaje privado Web

Lima, Peru

@DraRock

Citar

Escrito el 14 Dic 2008 03:37 am

drarock escribió:

@The Fricky!

Pero el block hará que salgan uno debajo de otro, los links <a> son elementos inline, no se si espidifen33 querra que los links salgan uno debajo de otro, si fuera asi el block esta bien, pero sino el camino es con el float.

Tienes razón, pero mi punto es que lo que permite que funcione el atributo "width" y/o "height" es que el objeto sea block y no inline, lo de que vaya a usar o no "float" es otro tema.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell Héroes

Envíale un mensaje privado Web

Piccola Venezia...

@the_fricky

Citar

Escrito el 14 Dic 2008 08:48 pm

Muchísimas gracias a los dos, me habeis aclarado muchas dudas. Efectivamente drarock, lo que quería era los links uno detrás de otro, por lo que poniendo sólamente float:left me funcionó. Lo que no sabía era lo que comenta TheFricky, que poniendo float a un elemento inline, éste pasa a comportarse como un bloque. Hay que ver lo que se puede aprender con sólo 4 respuestas en un post. Bueno, como veis soy principiante en esto de css, así que seguramente necesitaré de vuestra ayuda con el menú este que estoy haciendo jeje

Por espidifen33

23 de clabLevel

Envíale un mensaje privado

Propiedad "width" en firefox. ¿Por qué no funciona?

Escribe una respuesta rapida