Hola, estoy haciendo una maqueta, y para una parte he utilizado DIVs (en otras conservo todavía tablas, cuando solucione esto ya quitaré las tablas).
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>
y la hoja de estilos que estoy haciendo tiene esto:
Código:
#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;}
A ver si alguién me puede decir como solucionar mi problema.
Gracias.