La cosa esta en que he intentado realizar una pantalla como la siguiente.
En IE se me ve así (la captura esta hecha con IE). Pero con FF la cosa no he conseguido que me salga igual y me sale algo como esto:
El código correspondiente a este fragmento es el siguiente:
Código HTML:
<div id="noticia"> <div id="noticia_header" class="clear"> <h2 class="turismo">El estudio de impacto ambiental de la A-38 estará listo en 2009</h2> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><span class="turismo">28 Agosto | </span><a href="noticias.html" class="turismo">Noticias · Turismo</a></div> <div id="noticia_right" class="clear"></div> </div> <div id="noticia_body" class="clear"> <p><img src="images/autopista.jpg" width="156" height="104" class="left" />El estudio de impacto ambiental de la A-38 estará finalizado en el primer trimestre de 2009, para posteriormente redactar el proyecto de obra civil de la autovía. El Ayuntamiento de Oliva ha informado de que el estudio de impacto ambiental de la A-38, la nueva autovía que hará las veces de ronda comarcal, podría estar finalizado en el primer trimestre del ano que viene. Una vez concluido este informe, se procederá a la redacción del proyecto de obra civil de la A-38, "intentando que se solape con el inicio de los expedientes de expropiación de terrenos, con el objetivo de recortar al máximo los trámites administrativos del proyecto, cifrado en más de 100 millones de euros", manifestó el alcalde de Oliva, Salvador Fuster.</p> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><a href="" class="turismo">[+] Leer más</a></div> <div id="noticia_right" class="clear"></div> </div> </div> <div id="seminoticia_right" class="clear"> <div id="noticia" class="clear"> <div id="noticia_header" class="clear"> <h2 class="deportes">Tavernes organiza sus 24h</h2> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><span class="deportes">28 Agosto | </span><a href="noticias.html" class="deportes">Noticias · Deportes </a></div> <div id="noticia_right" class="clear"></div> </div> <div id="noticia_body"> <p><img src="images/futbolsalatavernes.jpg" width="100" height="81" class="left" />Tavernes organizará su 21 edición de las 24h de fútbol sala. La competición tendrá lugar en el poli- deportivo municipal y partitiparán alrededor de 1000 participantes. Todos ellos pasarán por las instalaciones a partir del día 12 desde las 0h hasta las 20h. </p> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><a href="" class="deportes">[+] Leer más</a></div> <div id="noticia_right" class="clear"></div> </div> </div> </div> <div id="seminoticia_left" class="clear"> <div id="noticia"> <div id="noticia_header" class="clear"> <h2 class="otros">Hallan restos de leones </h2> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><span class="otros">28 Agosto | </span><a href="noticias.html" class="otros">Noticias · Otros </a></div> <div id="noticia_right" class="clear"></div> </div> <div id="noticia_body" class="clear"> <p><img src="images/leon.jpg" width="100" height="82" class="right" />La Diputación de Valencia ha encontrado coprolitos (excrementos fósiles) de leones y hienas de las cavernas, así como numerosas herramientas de caza y restos de alimentación. La fauna que acompanaba a nuestros antepasados, grandes herbívoros como rinocerontes, hipopótamos o elefantes, también está presente en la cueva.</p> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><a href="" class="otros">[+] Leer más</a></div> <div id="noticia_right" class="clear"></div> </div> </div> </div> <div id="noticia" class="clear"> <div id="noticia_header" class="clear"> <h2 class="cultura">Xeraco celebra con éxito la sexta edición del Festival de Danses </h2> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><span class="cultura">28 Agosto | </span><a href="noticias.html" class="cultura">Noticias · Cultura</a></div> <div id="noticia_right" class="clear"></div> </div> <div id="noticia_body" class="clear"> <p><img src="images/dansesxeracoweb.jpg" width="125" height="94" class="left" />La playa de Xeraco concluyó el pasado fin de semana la programación cultural veraniega organizada por la Concejalía de Cultura del Ayuntamiento. Los actos finalizaron con dos de las iniciativas más interesantes de las llevadas a cabo durante el verano: la sexta edición del Festival de Danses y la décima edición de la Mostra de Sucrería Tradicional. El Festival de Danses se inició el pasado viernes, con la actuación del grupo Puspo, procedente de Indonesia. Los más de 30 bailarines indonesios mostraron diversas danzas tradicionales de Indonesia que incluían, entre otras, danzas de guerra.</p> </div> <div id="noticia_front" class="clear"> <div id="noticia_left" class="clear"><a href="" class="cultura">[+] Leer más</a></div> <div id="noticia_right" class="clear"></div> </div> </div>
Código:
A ver si alguién me puede decir como solucionar mi problema.#noticia{position:relative; width:100%; margin-bottom:1em;}
#noticia_header{ position:relative; height:1.5em; width:100%;}
#noticia_front{ position:relative;width:100%; margin-top:0.5em;}
#noticia_left{ position:relative;float:left;}
#noticia_right{ position:relative;float:right;}
#noticia_body{position:relative; width:100%; margin-top:0.5em; margin-bottom:0.5em;}
#seminoticia_left{position:relative; width:48%; float:left; margin-top:0.8em;}
#seminoticia_right{position:relative; width:48%; float:right; margin-top:0.8em;}
/* Estilos de colores de secciones */
h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em;}
.turismo{ color:#025E96;}
.deportes{ color:#6AA200;}
.otros{ color:#B60000;}
.cultura{ color:#FF9000;}
Gracias.
