código no e ve en firefox :S

[danis8]

hola acabo de llegar a este foro necesito una ayuda lo antes posible,veamos:

tengo un código en un archivo de mi web, que hice hace unos días, para tener unos bloques a izquierda y derecha y hoy me he dado cuenta de que en firefox, sale todo descuadrado, después de darle muchas vueltas no he podido sulucionarlo, espero que alguien de vosotros pueda, gracias


------------------------------------------------------------------------


<a href="ENLACE-ARTICULO"><img src="urlportada" border="0" alt="Portada"/></a><br/>

<!-- fin del código para la portada-->


<DIV style="float:right">

<!--código para la noticia destacada-->

<br /><a href="ENLACE-DEL-ARTICULO"><img src="urldelaimagen" border="0" alt="Noticia destacada"/></a><br/><br/>

<!--fin del código para la noticia destacada-->



<?php include("templates/index_mostviewedgame.inc.php"); ?><br />
</DIV>
<DIV style="float:left"> <br />

<?php include("templates/index_news.inc.php"); ?><br /><?php include("templates/index_gamebit.inc.php"); ?> <br />
<br /></DIV>

[calvin_naranjo]

Si el problema es super urgente, usa tablas...

[LoBo2024]

Ponles ancho a esas ventanas flotantes porque sino el navegador se volverá loco. Como te está pasando :) pq creo q si no pones ancho te pilla el 100% del ancho de la página :)

[danis8]

algún tipo de explicación más concreta por favor, que no ntiendo bien lo que debo hacer.

[LoBo2024]

Pues a tus capas que le pones que floten a la izquierda (float:left) debes ponerles tb el ancho que deben ocupar (width:XXXpx) para que el navegador entienda que la capa ocupa tan solo ese espacio, ya que si no le pones ancho pillará todo el ancho de la pagina y entonces la siguiente capa no podrá colocarse al lado de la anterior sino debajo.