Podział strony na 2 kolumny Opcje

[czezz]

Wyświetlam w przeglądarce, dane pobrane z bazy, używając następującego kodu:

[PHP] pobierz, plaintext 
<?php
include("conn.php");
 
$query = "
SELECT
alarmseverity, alarmstarttime, alarmendtime, plnamn, hvnamn, servicename, alarmactualscore, alarmpossiblescore
FROM monitoring_alarm
ORDER BY alarmstarttime DESC limit 0,50";
 
$result = mysql_query($query);
if (($result)||(mysql_errno == 0))
{
  echo "<table font size="-2" width='100%'><tr>" ;
  if (mysql_num_rows($result)>0)
  {
          //loop thru the field names to print the correct headers
          $i = 0;
          while ($i < mysql_num_fields($result))
          {
       echo "<th>". mysql_field_name($result, $i) . "</th>";
       $i++;
    }
    echo "</tr>";
 
    //display the data
    while ($rows = mysql_fetch_array($result,MYSQL_ASSOC))
    {
      echo "<tr>";
      foreach ($rows as $data)
      {
        echo "<td align='center'>". $data . "</td>";
      }
    }
  }else{
    echo "<tr><td colspan='" . ($i+1) . "'>No Results found!</td></tr>";
  }
  echo "</table>";
}else{
  echo "Error in running query :". mysql_error();
}
?>
[PHP] pobierz, plaintext 

Dane elegancko wyświetlają się w oknie przeglądarki.
Jednak to co chciałbym osiągnąć, to podzielić tą stronę na 2 kolumny i kilka rządów. W ten sposób chcę uzyskać kilka okien w przeglądarce i w każdym z nich wyświetlać inne zapytanie SQL.

Dla zaobrazowania sprawy zrobiłem JPEG'a:
http://imageshack.us/photo/my-images/26/45145931.jpg/

Chcę aby to było możliwie najprostsze/lekkie rozwiązania.
Wciąż próbuję walczyć z rozmiarem tabeli ale cały czas mi sie rozwala wszystko na ekranie.
Czy ktoś może mi pomóc/podpowiedzieć ?

[askone]

Nie mam jak sprawdzić, ale myślałem o takiej konstrukcji:

[HTML] pobierz, plaintext 
<div id="container">
 <div class="left">
  <table>
   ...
  </table>
 </div>
 <div class="left">
  <table>
   ...
  </table>
 </div>
 <div class="left">
  <table>
   ...
  </table>
 </div>
 <div class="left">
  <table>
   ...
  </table>
 </div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#container {
 width: 996px;
 margin: 0 auto;
}
.left {
 float: left;
}
[CSS] pobierz, plaintext 

Style dla tabel ustaw według własnego uznania.

Ten post edytował askone 7.07.2011, 10:50:45