layout tableless a 4 celle

[s0r42]

devo realizzare un elemento di pagina che può essere sintetizzato come una tabella a 4 celle
la larghezza e l'altezza della tabella devono essere fisse
l'altezza della prima riga deve essere fissa
la larghezza della prima colonna deve essere fissa, ma se il contenuto eccede la dimensione deve adattarsi
la colonna di destra è libera

in pratica con una tabella sarebbe cosi

<table width="260" height="120" border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="25">data</td>
    <td></td>
  </tr>
  <tr>
    <td width="80" valign="top"><span style="float:left; height:100%; margin-right:5px;-moz-box-sizing:border-box;">[img]immagine.jpg[/img]</span></td>
    <td>

titolo</p>
    

testo testo testo testo testo testo testo testo testo testo testo testo testo testo
 testo testo testo testo testo testo testo testo testo testo testo testo testo testo </p></td>
  </tr>
</table>

senza tabella ho provato a farlo così

<div style="width:260px; height:120px;-moz-box-sizing:border-box;">
<p style="float:left">10/10/2010</p>
<p style="clear:both;">.</p>
<p style="float:left; height:100%; margin-right:5px;-moz-box-sizing:border-box;">[img]immagine.jpg[/img]</p>


titolo</p>


testo testo testo testo testo testo testo testo testo testo testo testo testo testo 
testo testo testo testo testo testo testo testo testo testo testo testo testo testo </p>
<hr style="clear:both;" />
</div>

su IE6 funziona bene, ma su firefox se l'immagine o il testo eccedono la dimensione del contenitore si vanno a posizionare malamente

mi arrendo e cedo alle tabelle o c'è un sistema cross platform?

[ricman]

Originariamente inviato da s0r42
mi arrendo e cedo alle tabelle

Le tabelle non hanno lo scopo di impaginare.

Originariamente inviato da s0r42
o c'è un sistema cross platform?

eh?


Cmq... ci somo molte strade... dipende con precisione cosa si vuole
Ad esempio

<div style="width:260px; border:1px solid red;">
	<h4>data</h4>
	[img]ddd.jpg[/img]
	

testo testotesto testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
</div>

(le formattazioni le ho scritte erroneamente-volontariamente sul codice per far prima... sistemale te...)