Problema de maquetacion

[glayvin]

Buenas.. Tengo un problemilla... en este código veo a la parte izquierda el h2 (título) y el p (párrafo), y a la otra parte lo mismo, IE se ve perfectamente, pero... en Firefox la parte derecha se ve desplazada después del h2, alguna solución ?

Os dejo el código:

Código HTML:

<div>

<h2 style="float: left;">seccion </h2>
<p align="justify" style="float: left; clear: both;">bla bla bla bla  </p>

<h2 style="float: right; clear: none;">seccion</h2> 
<p align="justify" style="float: right; clear: right;"> bla bla bla bla bla</p>

</div> 

Saludos

[floren]

¿Por qué pones clear? Si le dices al de la izquierda que clear: both; entonces estás pidiendo que no haya nada ni a la izquierda ni a la derecha. Quita esos clear a ver.

También, si H2 y p forman un conjunto a izquierda y derecha separados, entonces separa por capas

<div class="izquierda">
h2 y p
</div>

<div class="derecha">
h2 y p
</div>

Esto te dará mayor manejabilidad.

[glayvin]

Sin los clear no se cuadra, el problema estriba en que en firefox se ve un poco desplazado a abajo, i en IE perfectamente, eso de poner dos divs también lo había pensado pero quería hacerlo sin divs, supongo q se podrá.

Saludos!

[floren]

Prueba algo que me está quitando muchos problemas y es

*{
margin: 0;
padding: 0;
}

A ver si lo conseguimos!!!