div con ancho fijo, se ensancha en IE

[tishu]

Buenas, tengo un div con ancho fijo y dentro tengo un menú, que según la seccion del menú, las letras tienen un tamaño mayor o menor y además, si estás en esa seccion el tamaño es aún mayor.

El problema radica que en IE 6 y 7 el ancho del div se modifica por el tamaño de las letras, descuadrando el diseño.

http://egmasa.filaindia.com/seccione...tana_o_aduares

¿como puedo hacer para que no se ensanche?
Gracias.

[Aresillo]

Porque no mueves el menú un poquito a la izda con todo el espacio que hay son ganas que llegue al borde dcho.
De todas formas en ff no te lo mueve pero se oculta el final de la palabra cuando sobrepasa el borde...

Aresillo!!

[Mikmoro]

O puedes poner un poco de martgen derecho (margin-right:10px;) para forzar a la palabra a que salte a la siguiente línea, como ocurre en FF.

[tishu]

Iniciado por Aresillo

Porque no mueves el menú un poquito a la izda con todo el espacio que hay son ganas que llegue al borde dcho.
De todas formas en ff no te lo mueve pero se oculta el final de la palabra cuando sobrepasa el borde...

Aresillo!!

Lo de mover a la izquierda lo tengo pendiente, es una lista <ul> ¿como le reduzco la sangria?

Con ff no me pasa eso que dices, por lo menos en el 3.0.3

¿No hay forma en ie de dejarlo fijo pase lo que pase?

[tishu]

Iniciado por Mikmoro

O puedes poner un poco de martgen derecho (margin-right:10px;) para forzar a la palabra a que salte a la siguiente línea, como ocurre en FF.

Lo he probado y nada.
Ahora le he puesto el fondo rosa para que se vea como es el div
el css del div:

#menupestanas
{
width:170px;
text-align:left;
font-size:14px;
font-weight:bold;
border:none;
background-color:#FF0099;
margin-right:10px;
}

[Aresillo]

Hello my friend!
Anda.. pon este código

Código PHP:

  #menupestanas ul {
list-style-position:inside;
margin:6px;
padding:0;
} 
   

Para que se quite el formato de lista tienes que poner el padding:0, el margin lo he puesto a 6px porque me gustaba así pero sepáralo tú lo que quieras!

Aresillo!!

[tishu]

Iniciado por Aresillo

Hello my friend!
Anda.. pon este código

Código PHP:

  #menupestanas ul {
list-style-position:inside;
margin:6px;
padding:0;
} 
   

Para que se quite el formato de lista tienes que poner el padding:0, el margin lo he puesto a 6px porque me gustaba así pero sepáralo tú lo que quieras!

Aresillo!!

Gracias, corregido.
Ahora no se ensancha el div.

[Calizman]

Si me permiten expresarme... (entre tanto experto me siento novato contestando...) jeje... porque no intentas hacer un max-height y un mas-width? o sino... intenta cambiarle los px por %, Cm, MM, Em o cosas asi... jeje... es mi aportacion!

Saludos