Foros del Web » Creando para Internet » CSS »

Problema con listas y firefox

Estas en el tema de Problema con listas y firefox en el foro de CSS en Foros del Web. hola, hace unos dias me dispuse a hacer una web combinando capas/tablas y css, y suando el ie para verla. En una parte de la ...
  #1 (permalink)  
Antiguo 05/06/2005, 04:10
 
Fecha de Ingreso: noviembre-2002
Mensajes: 37
Antigüedad: 21 años, 5 meses
Puntos: 0
Problema con listas y firefox

hola, hace unos dias me dispuse a hacer una web combinando capas/tablas y css, y suando el ie para verla. En una parte de la web hay una lista contenida en una celda de tamaño fijo (de estas que cuando pasas el raton se iluminan).
En ie se ve perfectamente:



El problema es cuando lo paso a firefox, que me queda un resultado tal que asi:



Alguien sabe a que se puede deber esto? el código utilizado en la lista es:

Código:
<div id="navcontainer">
        <h3>hola</h3>
        <ul>
        <li><a href="#"><b><font color="#3D5BAB">.:</font></b> uno</a></li>
        <li><a href="#"><b><font color="#3D5BAB">.:</font></b> dos</a></li>
        <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li>
        <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li>
        <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li>
        </ul>
        </div>
el código css es:

Código:
#navcontainer {
width: 150px;
font-family:arial;
font-size:14px;
margin-top: 10px;
}
#navcontainer h3 {
text-indent:5px;
background-image: url(img/13.jpg);
background-repeat: repeat-x;
color:#fff;
font-size:14px;
height:24px;
line-height:24px;
width:149;
font-style:normal;
background-color: #25496C;
padding: 0px, 30px, 0px, 0px;
margin: 0px, 0px, 0px, 2px;
float:right;
clear:both;
}
#navcontainer ul {
text-indent:10px;
list-style-type:none;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#navcontainer li { margin: 0 0 1px 0};
#navcontainer a
{
display: block;
width: 150px;
color: #5A6878;
background-color: #B3C7DC;
text-decoration: none;
}
 #navcontainer a:hover
{
color: #fff;
background-color: #7B8B9D;
text-decoration: none;
}

Gracias de antemano
  #2 (permalink)  
Antiguo 05/06/2005, 10:20
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 21 años, 1 mes
Puntos: 2
despues de revisar el codigo he encontrado un par de fallos y he actualizado una cosa para que quede mas limpio.

en #navcontainer li tienes un ";" fuera de los corchetes "};"

El color de los enlaces que lo tienes puesto en el documento html lo puedes poner asi:
Código:
#navcontainer li b {
	color: #3D5BAB;
}
por ultimo #navcontainer h3 quitale el "float: rigth" y cambialo por none o quitalo directamente si no tendras un efecto cuanto menos curioso.
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
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 08:50.