No me dan los estilos

[gree]

Bueno estoy utilizando los estilos css en mi web pero cuan los utilizo hai partes en que no me salen en todos los navegadores como por ejemplo en mis noticias utilice este código html:

<p>
<div class="cabesera_2"><div class="avatar">$avatar</div>$subject <span class="fecha_cabesal"><b>publicado en $time</b></span></div>
<p>
<div class="noticia_cabesal">
$titletext
</div>
<p><b>
<div class="opciones">$maintext |
$comments |
$sendtofriend</div>
</b><p>

y este css:

.cabesera_2 {
BACKGROUND-COLOR:green ;
border: 2px solid rgb(51, 153, 51);
border-color: #339933;
border-style: solid;
width:100%;


}

.avatar{ MARGIN: 0px 0px 0px 0px;
FLOAT: left ;
WIDTH: 10% ;
}

.fecha_cabesal{
font-size:10px;
WIDTH: 90%;
color:black;

}



.opciones{
BACKGROUND-COLOR:green;
font-size:13px;
text-align:center;

}

lo vi en explores y me salio muy bien pero cuando lo puse en FireFox no me salio ninguno de los estilos que estoy haciendo mal ?

[dART]

Hola,

Juraría que CSS no acepta guiones bajos en la definición de estilos.
Prueba a ponerlo así.

HTML:

Código HTML:

<p>
<div class="cabesera-2"><div class="avatar">$avatar</div>$subject <span class="fecha-cabesal"><b>publicado en $time</b></span></div>
<p>
<div class="noticia-cabesal">
$titletext
</div>
<p><b>
<div class="opciones">$maintext |
$comments |
$sendtofriend</div>
</b><p> 

Código:

.cabesera-2 {
BACKGROUND-COLOR:green ;
border: 2px solid rgb(51, 153, 51);
border-color: #339933;
border-style: solid;
width:100%;


}

.avatar{ MARGIN: 0px 0px 0px 0px;
FLOAT: left ;
WIDTH: 10% ;
}

.fecha-cabesal{
font-size:10px;
WIDTH: 90%;
color:black;

}



.opciones{
BACKGROUND-COLOR:green;
font-size:13px;
text-align:center;

}

[gree]

parece que es al revés por que no se vieron los estilos tampoco en explorar cuando lo utilice, por cierto también tarda como un día en responder las actualizaciones de css en FireFox.

[jorgegorka]

Si quieres asegurarte de estar creando css correcto debes hacer al revés: Programarlo con Firefox y luego testearlo en Explorer para corregir sus carencias soportando el estándar.

Una herramienta indispensable para editar css:

galeriacss.com/recursos-noticias-utilidades/2009/2/10/firescope-aumenta-tu-control-sobre-html-y-css.html

[Mikmoro]

Iniciado por jorgegorka

Una herramienta indispensable para editar css:

O incluso directamente el acceso a esa herramienta:

http://tools.sitepoint.com/firescope/