Trasformare questa semplice tabella in div

[vintage74]

Ciao , qualcuno saprebbe trasformarmi questa semplice tabella in un div?

<table width="728" border="0" cellpadding="0" cellspacing="10">
<tr valign="top">
<td width="111"></td>
<td></td>
</tr>
</table>

[salasir]

Secondo me l'approccio è sbagliato.

Non si deve partire dall'idea di trasformare una tabella in un div ma di strutturare il contenuto in blocchi logici (div). Tra l'altro la tua tabella non dà nessuna informazione di che tipo di box dovrebbe essere realizzato.

Se devono essere due colonne di informazioni si definiscono due div e si lavora con margin, padding, float, e chi più ne ha più ne metta.

Se la tabella è realmente una tabella ... che tabella sia.

[fcaldera]

<div style="width: 728px; border : 1px solid #cca; height: auto; overflow: hidden; ">
    <p style="width: 109px; float: left; display: inline; border : 1px solid #acc;">
        --- testo ---
    </p>
    <p style="width: 605px; margin-left: 10px; float: left; display: inline; border : 1px solid #acc;">
        --- testo ---
    </p>
</div>

1) height: auto; overflow: hidden; serve per fare un clearing di base. Cercane uno più completo sul forum o su google (cerca prima "float clearing" per capire a cosa serve)

2) ho messo i bordi ai paragrafi per farti vedere come si allineano. Se li togli aumenta di 2 pixel la larghezza dei




Ciao

[vintage74]

Ciao, devo avere un contenitore largo 728, e al suo interno partendo da sinistra un div largo 111 e un altro div che occupi il 100% di larghezza.

[vintage74]

Originariamente inviato da fcaldera

<div style="width: 728px; border : 1px solid #cca; height: auto; overflow: hidden; ">
    <p style="width: 109px; float: left; display: inline; border : 1px solid #acc;">
        --- testo ---
    </p>
    <p style="width: 605px; margin-left: 10px; float: left; display: inline; border : 1px solid #acc;">
        --- testo ---
    </p>
</div>

1) height: auto; overflow: hidden; serve per fare un clearing di base. Cercane uno più completo sul forum o su google (cerca prima "float clearing" per capire a cosa serve)

2) ho messo i bordi ai paragrafi per farti vedere come si allineano. Se li togli aumenta di 2 pixel la larghezza dei




Ciao

Ok, adesso lo provo subito...grazie