Hola buenas,
Estoy desarrollando un portal y es la primera vez que estoy intentado hacer todos los estilos con css, pero me ha surgido el siguiente problema y no se como solucionarlo.
En una pagina muestro unas noticias resumidas con su foto como se hace tipicamente. El problema está en que los div se me muestran de distinta forma segun el navegador que use:
Con IE, se muestre bien:
Con Firefox, me coloca la fila que deberia de ir debajo de la foto al lado de la misma
Y en Opera, esa fila me la coloca en medio de la imagen
El código que uso es el siguiente:
Código PHP:
echo "<div class=\"rbroundbox\">\n";
echo " <div class=\"rbtop\"><div></div></div>\n";
echo "<div class=\"ctitulo\">\n";
echo $row[2];
echo "</div>\n";
echo "<div class=\"cnoticia\"><a class=\"noticia\" href=\"$tabla.php?ficha=1&id=$row[0]\" alt=\"Ampliar $aux\">\n";
echo "<img class=\"fotonot\" src=\"imagenes/$tabla/th_$row[6]\" alt=\"Foto\">\n";
echo nl2br($resumen);
echo "</a></div>\n";
echo "<div></div>\n";
echo "<div class=\"cpie\">\n";
echo "<table class=\"tabpie\">\n";
echo "<tr><td class=tdpie>";
if($resumen)
echo "<a class=\"enlace\" href=$tabla.php?ficha=1&id=".$row[0].">Ampliar $aux</a>";
else
echo " ";
echo "</td><td class=tdpie>".fsalida($row[4])."</td>\n";
echo "<td class=tdpie>".hora($row[5])."</td><td class=tdpie>";
echo "<a class=\"enlace\" href=$tabla.php?ficha=1&id=".$row[0]."#comen>Comentarios (".$totalcomentarios.")</a>";
echo "</td></tr></table>\n";
echo "</div>\n";
echo "<div class=\"rbbot\"><div></div></div>\n";
echo "</div><!-- /rbroundbox -->\n";
Y el css
Código:
.fotonot{float:left;}
.rbroundbox { background: url(imagenes/1/nt.gif) repeat;}
.rbtop div { background: url(imagenes/1/1.gif) no-repeat top left; }
.rbtop { background: url(imagenes/1/2.gif) no-repeat top right; }
.rbbot div { background: url(imagenes/1/3.gif) no-repeat bottom left; }
.rbbot { background: url(imagenes/1/4.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 7px;font-size: 1px;}
.rbroundbox { width: 90%; margin: 1em auto; }
.ctitulo { margin: 0 5px;background: #000000;padding: 4px 2px 4px 2px;text-transform: uppercase;color:#FFFFFF; text-align:center;font-weight:bold; }
.cnoticia { margin: 0 5px;background: #ECECEC;background-repeat:repeat;padding: 2px 3px 2px 3px;text-align:justify;color:#000000;}
.cpie { margin: 0 5px;background: #FFFFFF;background-repeat:repeat;padding: 0px 0px 0px 0px;}
.tdpie{color: #000000;font-size:11px;background-color: #FFFFFF>;padding: 1px;text-align:center;width: 25%;}
¿Que estoy haciendo mal o que me falta?
Un saludo.