Foros del Web » Creando para Internet » CSS »

div con ancho fijo, se ensancha en IE

Estas en el tema de div con ancho fijo, se ensancha en IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/10/2008, 06:29
 
Fecha de Ingreso: abril-2004
Mensajes: 36
Antigüedad: 13 años, 7 meses
Puntos: 0
div con ancho fijo, se ensancha en IE

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.
  #2 (permalink)  
Antiguo 30/10/2008, 06:43
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: div con ancho fijo, se ensancha en IE

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!!
  #3 (permalink)  
Antiguo 30/10/2008, 06:47
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: div con ancho fijo, se ensancha en IE

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.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 30/10/2008, 06:49
 
Fecha de Ingreso: abril-2004
Mensajes: 36
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: div con ancho fijo, se ensancha en IE

Cita:
Iniciado por Aresillo Ver Mensaje
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?
  #5 (permalink)  
Antiguo 30/10/2008, 06:52
 
Fecha de Ingreso: abril-2004
Mensajes: 36
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: div con ancho fijo, se ensancha en IE

Cita:
Iniciado por Mikmoro Ver Mensaje
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;
}
  #6 (permalink)  
Antiguo 30/10/2008, 07:26
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: div con ancho fijo, se ensancha en IE

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!!
  #7 (permalink)  
Antiguo 30/10/2008, 07:34
 
Fecha de Ingreso: abril-2004
Mensajes: 36
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: div con ancho fijo, se ensancha en IE

Cita:
Iniciado por Aresillo Ver Mensaje
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.
  #8 (permalink)  
Antiguo 30/10/2008, 13:57
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: div con ancho fijo, se ensancha en IE

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
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 16:03.