Foros del Web » Creando para Internet » CSS »

problemas con lista e IE

Estas en el tema de problemas con lista e IE en el foro de CSS en Foros del Web. Saludos, tengo dos columnas realizadas con listas, ahora bien , en firefox, NetScape, Mozilla y Opera se ve perfecta tal cual la quiero... pero en ...
  #1 (permalink)  
Antiguo 30/06/2005, 09:05
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
problemas con lista e IE

Saludos, tengo dos columnas realizadas con listas, ahora bien , en firefox, NetScape, Mozilla y Opera se ve perfecta tal cual la quiero... pero en IE nada de esto es igual

Que pasa con las listas e IE?


CSS
Código PHP:
#columna1{
    
background-color:#f5f5f5;
    
width200px;
    
floatleft;
    
margin-top0px;
    
margin-left:0px;
}
#columna1 ul {
    
list-style-type:none;
    
padding-left2px;
}
#columna1 ul li a:link {
    
text-decoration:none;
    
display:block;
    
border-bottom:1px solid #996633;
    
font-family:VerdanaArialHelveticasans-serif;
    
font-size:10px;
    
color:#336699;
    
border-bottom-color#AAAAAA;
}
#columna1 ul li a:hover {
    
text-decoration:none;
    
display:block;
    
background-color:#EEEEEE;
}
#columna2 {
    
vertical-aligntop;
    
displayblock;
    
width200px;
    
floatleft;
    
margin-top0px;
    
margin-left2px;
    
background-color#f5f5f5;
}
#columna2 ul {
    
list-style-type:none;
    
padding-left2px;
}
#columna2 ul li a:link {
    
text-decoration:none;
    
display:block;
    
border-bottom:1px solid #996633;
    
font-family:VerdanaArialHelveticasans-serif;
    
font-size:10px;
    
color:#336699;
    
border-bottom-color#AAAAAA;
}
#columna2 ul li a:hover {
    
text-decoration:none;
    
display:block;
    
background-color:#EEEEEE;

xhtml
Código PHP:
<div id="columna1">
  <
ul class="vinetas">
    <
li><a href="#">Opcion 1</a></li>
    <
li><a href="#">Opcion 2</a></li>
    <
li><a href="#">Opcion 3</a></li>
    <
li><a href="#">Opcion 4</a></li>
    <
li><a href="#">Opcion 5</a>   </li>
  </
ul>
</
div>
<
div id="columna2">
  <
ul class="vinetas">
    <
li><a href="#">Opcion 1</a></li>
    <
li><a href="#">Opcion 2</a></li>
    <
li><a href="#">Opcion 3</a></li>
    <
li><a href="#">Opcion 4</a></li>
    <
li><a href="#">Opcion 5 </a></li>
  </
ul>
</
div
Saludos, que diantre sucede con el IE y las listas? :-p
__________________
www.dataautos.com
  #2 (permalink)  
Antiguo 30/06/2005, 09:56
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
De entrada, puedo decirte que tienes mal formado tu CSS, por ejemplo, li se encuentra dentro de ul, así que hereda sus propiedades, tienes repetido el color del borde : {border-bottom: grosor estilo color} y más abajo {border-bottom-color:color}, los dos dentro de la misma etiqueta, además colocas tus etiquetas así #columna1 li ul a:link (sólo un ejemplo), entonces el IE toma el CSS así: aplicar el estilo a #columna1 li, y a todas las etiquetas ul y a:link que no hereden propiedades, o sea que #columna1 li y #columna1 a:link no aplican el CSS (bueno, "#columna1 li" si aplica parte del estilo, porque lo hereda de "#columna1 ul").

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 30/06/2005 a las 10:06
  #3 (permalink)  
Antiguo 30/06/2005, 10:45
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Gracias por los datos de la Herencia baccxus...ya lo tengo resuelto :)

gracias
__________________
www.dataautos.com
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 17:07.