Tabella e colonne solo con i div

[BOES]

amici,, sto riprogrammando la parte html del mio sito, in modo tale da poterla gestire piu facilmente tramite css..

quindi ho intenzione di scrivere la struttura html basilare tramite DIV volendo ottenere uno schema come questo



avevo provato cosi :

<div>
<div>TOP SN</div>
<div>TOP DS</div>
<div>SIN</div>
<div>DS</div>
</div>

con le opportune classi e sintassi CSS, usando float, ma non riesco a posizionare le colonne a destra in TOP, ma si spostano giu all aumentare della lunghezza delle colonne di sinistra ...

grazie amici, grazie in anticipo

[Myaku]

Originariamente inviato da BOES
con le opportune classi e sintassi CSS, usando float, ma non riesco a posizionare le colonne a destra in TOP, ma si spostano giu all aumentare della lunghezza delle colonne di sinistra ...

per quanto mi riguarda, non ci ho capito nulla
puoi postare il codice (html+css) o, meglio ancora, un link alla pagina?

[BOES]

Originariamente inviato da Myaku
per quanto mi riguarda, non ci ho capito nulla
puoi postare il codice (html+css) o, meglio ancora, un link alla pagina?

nulla da linkare, chiedo come si costruisce una pagina don le psecifiche dell' immagine prima postata, utilizzando solo div e css

[MaxSimon]

Prova a creare un'ulteriore div "contenitore" nel quale mettere tutti gli altri div.
In pratica:
<div class="content">
...
tutto il tuo sito con div, p e quello che vuoi
...
</div>

Nel css devi mettere:

div.content [ position: absolute ] (le parentesi devono essere graffe: ho il tasto rotto!)

Per tutti gli altri div devi impostare nel css position: relative e specificare posizione e dimensione con top/left/width/height.

Ciao.

[carlomarangoni]

Originariamente inviato da BOES
nulla da linkare, chiedo come si costruisce una pagina don le psecifiche dell' immagine prima postata, utilizzando solo div e css

Se posti le misure dei vari riquadri vedo se riesco a darti il codice

[Myaku]

Originariamente inviato da MaxSimon
[....]

secondo me si va solo a complicare il lavoro. meglio evitare di posizionare gli elementi in questa maniera, a meno di avere una buona dimestichezza con i css.

usa una dtd strict, poi questo è un abbozzo di massima

<div id="container">
  <div class="cleared">
     <div id="topsx">
     </div>
     <div id="topdx">
     </div>
   </div>
  <div class="cleared">
     <div id="colsx">
     </div>
     <div id="coldx">
     </div>
   </div>
</div>

.cleared {overflow: hidden; height: auto;}

sui 4 div interni usi i float.