Tengo un problema fácil de resolver en CSS, pero no logro darle solución en IE para Mac.

Se trata de la tipica, noticia con foto a la izquierda y el texto a la derecha.

********  Titular
*FOTO*  Texto...
********  Texto...
Texto....
En CSS lo tengo  resuelto con:

div.noticia    {
   position: relative;
   overflow:auto;
   width: 600px; }

div.imagen {
   float: left;
   width:100px;}

div.resto {
  float:left;
  width:500px;

div.rompedor { /* IE BUG */
  clear: both }

poniendo en HTML
<div class="noticia">
<div class="imagen"><img src....</div>
<div class="resto"><h1>titulo..
                                 <p>Texto>
</div>
<div class="rompedor"></div>
</div>

Pero no funciona en IE MAC.  Sale un horror como esto:
www.spiral-multimedia.com/noticias.asp

He probado a usar dos capas absolutas, pero como no se de antemano ni el tamaño de la foto, ni
del texto, no puedo poner un height a la caja.

¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?

roger

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a