come fare 2 div soppre e 2 sotto nella stessa tabella/pagina?

[italo_anonimo]

ciao ragazzi, ho adattato uno script crud php/ajax per poter editare/modificare/delete dei record su una tabella , funziona correttamente, solo che non è prevista la gestione di più tabelle in una pagina, vorrei il vostro aiuto, sono 4 le tabelle che devo mettere, sono su una sola tabella con 4 colonne, come posso fare per farsi che anzi che una siano 2 sopra e due sotto?? com'è immagine



il link del mio test è questo ==> http://puchamare.hostei.com/checklis...-grid/grid.php

metto a disposizione lo script in justpaste per se incollo sul forum perde tutta la formattazione :

grid.php ==> http://justpaste.it/hsg4
ajax.php ==> http://justpaste.it/hsg5
style.css ==> http://justpaste.it/hsg6

forse bisogna intervenire sul file grid.php ??

<div class="as_wrapper"> 
   <h1 class="h1"><a href="">Checklist</a></h1>
    <div class="as_grid_container"> 
       <div class="as_gridder" id="as_gridder"></div> <!-- GRID LOADER --> 
   </div>
</div>

grazie in anctipo,

Saluti

[Santino83_02]

EDIT: errore

[Mich_]

Anzitutto devi separare due problemi.
- Lato server (dove gira PHP oppure ASP)
- Lato client (per la visualizzazione)

Per quanto riguarda il lato server, devi chiedere nel forum raltivo alla tecnologia che usi (PHP o ASP). Il lato server deve generare il codice HTMl corretto, poi la formattazione la fai con il CSS.

Poi, sulla falasariga del codice da te postato, nel client dovresti trovarti un codice HTML di questo tipo:

<div id="conten_blocchi">
  <div class="as_wrapper" id="uno">
    <h1>....</h1>
    <table>....</table>
  </div> <!--uno-->

  <div class="as_wrapper" id="due">
    <h1>....</h1>
    <table>....</table>
  </div> <!--due-->

  <div class="as_wrapper" id="tre">
    <h1>....</h1>
    <table>....</table>
  </div> <!--tre-->

  <div class="as_wrapper" id="qua">
    <h1>....</h1>
    <table>....</table>
  </div> <!--qua-->
</div> <!--conten_blocchi-->

A qesto punto il CSS da impostare e` del tipo:

...
#conten_blocchi {
  width: ...;
}
.as_wrapper {
  float: left;
  width: 49.9%;
}
#conten_blocchi:after { /* oppure metti il clear nel blocco successivo */
  clear:both;
}