Foros del Web » Creando para Internet » CSS »

Problema con espacios entre capas en IE6

Estas en el tema de Problema con espacios entre capas en IE6 en el foro de CSS en Foros del Web. Hola, Tengo un menu de navegacion de pestañas con <ul> y <li>. Despues tengo otras pestañas mas pequelas que las anteriores que no usan <ul> ...
  #1 (permalink)  
Antiguo 26/08/2009, 06:38
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 1 mes
Puntos: 0
Problema con espacios entre capas en IE6

Hola,

Tengo un menu de navegacion de pestañas con <ul> y <li>. Despues tengo otras pestañas mas pequelas que las anteriores que no usan <ul> ni <li>. Estan con capas.

Cita:

<ul>
<li><a href="link1.php">Link1</a></li>
<li><a href="link2.php">Link2</a></li>
<li><a href="link3.php">Link3</a></li>
</ul>

<div id="menu"><a href="link4.php">Link4</a></div>
<div id="menu"><a href="link5.php">Link5</a></div>
<div id="menu"><a href="link6.php">Link6</a></div>

El problema es que en IE6 (no en IE7 ni IE8 ni Firefox) se ven 2 pixeles de más de espacio entre la ultima pestaña de las <li> y la primera pestaña de id="menu".

Los estilos de los <li> son estos:

Cita:

#navegacion li a {
background:url(enlace.gif) 0 0 no-repeat;
text-align:center;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
color:#9D4A00;
text-decoration:none;
height:29px;
line-height:31px;
margin-left: 2px;
margin-right: 2px;
}
#navegacion li a:hover {
color:#000;
}
Y los estilos que he aplicado a las capas de id=menu son estos:

Cita:

#menu {
float:left;
width:78px;
text-align:center;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
color:#9D4A00;
background:url(enlace2.gif) 0 0 no-repeat;
text-align:center;
text-decoration:none;
height:29px;
line-height:31px;
margin-left: 2px;
margin-right: 2px;
}
#menu a{
text-align:center;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
color:#9D4A00;
text-decoration:none;
height:29px;
line-height:31px;
}
.menu a:hover {
color:#000;
}
  #2 (permalink)  
Antiguo 26/08/2009, 07:51
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 19 años, 2 meses
Puntos: 55
Respuesta: Problema con espacios entre capas en IE6

intenta agregando la libreria IE7 de dean edwards

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 26/08/2009, 07:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Problema con espacios entre capas en IE6

¿Aplicas algún tipo de "puesta a cero" (reset) en tu css?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 27/08/2009, 00:47
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 1 mes
Puntos: 0
Respuesta: Problema con espacios entre capas en IE6

He hecho las 2 cosas y nada.

emiliodeg al poner ese codigo se me queda en gris ¿puede ser quepor eso no funcione? ¿No es que me queda en formato comentario?

¿Alguna otra idea?

Saludos
  #5 (permalink)  
Antiguo 28/08/2009, 02:24
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 1 mes
Puntos: 0
Respuesta: Problema con espacios entre capas en IE6

Sino

¿Como puedo sin mucho codigo decirle que si el navegador que se esta usando es IE6 que me cargue una hoja de estils especifica y sino lo es que me cargue la otra hoja de estilos css?
  #6 (permalink)  
Antiguo 28/08/2009, 14:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Problema con espacios entre capas en IE6

Hola:

Échale un vistazo a este artículo de la wikipedia sobre comentarios condicionales.

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 21:57.