Foros del Web » Creando para Internet » CSS »

WIDTH Comportamiento distinto entre IE y FF (algun hack?)

Estas en el tema de WIDTH Comportamiento distinto entre IE y FF (algun hack?) en el foro de CSS en Foros del Web. Holas Necesito que un LINK, que es parte de un menu desplegable, tenga un ANCHO de 300 pixeles. al colocar el link de esta manera ...
  #1 (permalink)  
Antiguo 12/09/2008, 17:59
Avatar de Muzztein  
Fecha de Ingreso: agosto-2002
Ubicación: Hangar 18
Mensajes: 1.703
Antigüedad: 15 años, 3 meses
Puntos: 16
WIDTH Comportamiento distinto entre IE y FF (algun hack?)

Holas

Necesito que un LINK, que es parte de un menu desplegable, tenga un ANCHO de 300 pixeles.

al colocar el link de esta manera

<a class="prueba">holas</a>

con este CSS

.prueba{
background-color:#999999;
width:300px;}

el IE deja el LINK con un ancho exacto de 300 px
sin embargo en FF solo deja el ancho de la palabra "holas"

Lo cual me echa a perder el LOOK de menu desplegable que ando buscando.

Alguien sabe como "workarroundear" este problema?
Alguien sabe a que se debe esto???
Existirá algun HACK para este asunto?

Cualquier ayuda seria de mucha ayuda, saludos y de antemano muchas gracias!


PD: Se que colocando un DIV alrededor del link el asunto se soluciona, el problema es que asi mi menu deja de trabajar.
  #2 (permalink)  
Antiguo 12/09/2008, 18:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: WIDTH Comportamiento distinto entre IE y FF (algun hack?)

Prueba a añadirle display block:

.prueba{
background-color:#999999;
width:300px;
display: block;
}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 12/09/2008, 18:09
Avatar de Muzztein  
Fecha de Ingreso: agosto-2002
Ubicación: Hangar 18
Mensajes: 1.703
Antigüedad: 15 años, 3 meses
Puntos: 16
Respuesta: WIDTH Comportamiento distinto entre IE y FF (algun hack?)

wow!
funciono inmediatamente!
muchisimas gracias!

NO habia oido hablar de este display: block;

a que se debe este comportamiento?

muchas gracias nuevamente!
  #4 (permalink)  
Antiguo 12/09/2008, 18:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: WIDTH Comportamiento distinto entre IE y FF (algun hack?)

De nada, es un placer.

Los elementos de línea como los enlaces (a) no aceptan las propiedades width ni height, por lo que necesitas dibujarlo como los elementos de bloque (display:block) para que lo acepten y cojan las dimensiones indicadas.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 12/09/2008, 18:17
Avatar de Muzztein  
Fecha de Ingreso: agosto-2002
Ubicación: Hangar 18
Mensajes: 1.703
Antigüedad: 15 años, 3 meses
Puntos: 16
Respuesta: WIDTH Comportamiento distinto entre IE y FF (algun hack?)

aja!
ahora se me aclaran varios conceptos.
muchas gracias por la clase de css.
saludos.

:)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:48.