Foros del Web » Creando para Internet » CSS »

Problema con background-color en firefox

Estas en el tema de Problema con background-color en firefox en el foro de CSS en Foros del Web. Saludos comunidad tengo un problema con el background-color y el posicionamiento de capas en firefox, sucede que no me muestra el color de fondo simplemente, ...
  #1 (permalink)  
Antiguo 20/04/2006, 14:10
 
Fecha de Ingreso: febrero-2006
Mensajes: 29
Antigüedad: 11 años, 9 meses
Puntos: 0
Problema con background-color en firefox

Saludos comunidad tengo un problema con el background-color y el posicionamiento de capas en firefox, sucede que no me muestra el color de fondo simplemente, y las capas me las muestra una al lado de la otra, en vez de una debajo de otra.

Aqui el html:

<div class='contenedor'>
<div id="menuh">
<ul>
<li><a href="#menuh" id="primero">Inicio</a></li>
<li><a href="#menuh">Comentarios</a></li>
<li><a href="#menuh">Noticias</a></li>
<li><a href="#menuh">Contacto</a></li>
<li><a href="#menuh">Acerca de nosotros</a></li>
</ul>
</div>
<div id="menuv">
<ul>
<li><a href="#menuv">Inicio</a></li>
<li><a href="#menuv">Comentarios</a></li>
<li><a href="#menuv">Noticias</a></li>
<li><a href="#menuv">Contacto</a></li>
<li><a href="#menuv">Acerca de nosotros</a></li>
</ul>
</div>

</div>

y el CSS:

#menuh {
text-align:center;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 1px;
background-color:black;
width:800px;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
text-align:center;
margin: 0;
padding: 0;
}

#menuh li {
float: left;
}
#menuh a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover {
background: #DBEBF6;
}

#menuv {
border: 1px solid #ACCFE8;
border-width: 1px 1px 0 1px;
width: 150px;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
float:left;

}
#menuv ul, li {
list-style-type: none;
}
#menuv ul {
margin: 0;
padding: 0;
}
#menuv li {
border-bottom: 1px solid #ACCFE8;
}
#menuv a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 6px;
width: 138px;
}
#menuv a:hover {
background: #DBEBF6;
}

Espero puedan ayudarme...

Gracias
  #2 (permalink)  
Antiguo 20/04/2006, 18:09
 
Fecha de Ingreso: marzo-2006
Mensajes: 41
Antigüedad: 11 años, 8 meses
Puntos: 0
No se si entendí bien, pero te respondo igual:

Código:
<div class='contenedor' style= "background-color:black;">
<div id="menuh">
<ul>
<li><a href="#menuh" id="primero">Inicio</a></li>
<li><a href="#menuh">Comentarios</a></li>
<li><a href="#menuh">Noticias</a></li>
<li><a href="#menuh">Contacto</a></li>
<li><a href="#menuh">Acerca de nosotros</a></li>
</ul>
</div>

<div style="clear:both"></div>

<div id="menuv">
<ul>
<li><a href="#menuv">Inicio</a></li>
<li><a href="#menuv">Comentarios</a></li>
<li><a href="#menuv">Noticias</a></li>
<li><a href="#menuv">Contacto</a></li>
<li><a href="#menuv">Acerca de nosotros</a></li>
</ul>
</div>

</div>
Lo del color supuse que te referias al color de fondo del contenedor (<div class='contenedor' style= "background-color:black;">) y en cuanto a que esten una debajo de otra, entendi que necesitabas esto (<div style="clear:both"></div>)

Saludos.
  #3 (permalink)  
Antiguo 20/04/2006, 18:20
 
Fecha de Ingreso: octubre-2004
Mensajes: 128
Antigüedad: 13 años, 1 mes
Puntos: 2
Cita:
Iniciado por sickman

#menuh {
text-align:center;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 1px;
background-color:black;
width:800px;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
text-align:center;
margin: 0;
padding: 0;
}

#menuh li {
float: left;
}
#menuh a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover{
background: #DBEBF6;
}

#menuv {
border: 1px solid #ACCFE8;
border-width: 1px 1px 0 1px;
width: 150px;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
float:left;

}
#menuv ul, li {
list-style-type: none;
}
#menuv ul {
margin: 0;
padding: 0;
}
#menuv li {
border-bottom: 1px solid #ACCFE8;
}
#menuv a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 6px;
width: 138px;
}
#menuv a:hover {
background: #DBEBF6;
}
Esta demasiado enrredado y dificil de entener tu codigo

a menu le asignas un color de fondo,

Cita:
#menuh {
text-align:center;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 1px;
background-color:black;
luego en otra linea se lo cambias

Cita:
#menuh a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
y eso lo haces una y otra, y otra y ... otra vez y no solo con el color de fondo si tambien con los padding y a menuh y menuv

pero un gran error que tienes, para asignar a dos o mas elementos las mismas propiedades se separan con comas

Código:
#menuh, a{

}

y no esto 

#menuh a{ ...

eso es incorrecto
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:38.