Muy buenas,
Estoy haciendo una página web y al llegar a crear el diseño para las noticias, me he topado con un problema. Al probarlo con firefox, <div class="not_comple"> se situa por encima de los anteriores div, algo que no ocurre en IE (Además de otros errores en firefox). les pongo el código:
Código HTML:
<head>
<style type="text/css">
.titulo_no {
background-image: url(titulo_no.png);
width:390px;
height:25px;
margin: 0px 0px 0px 22px;
}
.tamano{
width:420px; }
.divtitulo{
font-size: 10px;
color: #FFFFFF;
margin: 5px 0px 0px 26px;
}
.avatar
{
margin: 5px 0px 0px 35px;
float: left;
}
.not_con{
margin: 5px 18px 0px 35px;
/* float: right;*/
color: #000000;
font-size: 10px;
}
.not_comple {
border: 1px dashed #000000;
width:390px;
height:16px;
margin: 5px 0px 0px 35px;
background-color:#985d39;
color: #FFFFFF;
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Firefox, Opera, ... */
opacity: 0.5; /* CSS 3*/
text-align: center;
}
</style>
</head>
<body>
<div class="tamano">
<div class="titulo_no">
<div class="divtitulo">
<b>bla bla blabla bla blabla bla blabla bla </b>
</div>
</div>
<div class="avatar">
<img src="avatar.png" alt="ava" />
</div>
<div class="not_con">
bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla
</div>
<div class="not_comple">
<b> Noticia completa | 0 comentarios </b>
</div>
<br /></div>
</body>
</html>
Por favor, a ver si alguien tiene tiempo y lo hecha un vistazo. Muchísimas gracias de antemano.