Problem mit boxen

Webdesign & Technik HTML & CSS
1

ich hab ein kleines problem beim css mit boxen:
hier der css code:

div {
    padding: .5em;
    margin: 0;
    border: 0px solid black;
    color: black;
    text-align: center;
    }

    #box1 {
      background-color: #e6e6fa;
      float: center;
      margin: 5px;
      border: 2px solid black;
      }

    #box2 {
      background-color: #e6e6fa;
      float: center;
      text-align: left;
      margin: 5px;
      border: 2px solid black;
      }

    #boxlinks {
      background-color: #e6e6fa;
      height: 1000px;
      float: center;
      margin: 5px;
      border: 2px solid black;
      }

    #boxlinks1 {
      float: center;
      margin: 5px;
      height: 1000px;
      border: 2px solid black;
      }

    #boxlinks2 {
      float: center;
      margin: 5px;
      border: 2px solid black;
      height: 160px;
      }

    #boxlinks2_1234_1 {
      float: center;
      margin: 5px;
      width: 130px;
      height: 80px;
      border: 2px solid black;
      }

    #boxlinks2_1234_2 {
      float: center;
      margin: 5px;
      width: 130px;
      height: 80px;
      border: 2px solid black;
      }

    #boxlinks2_1234_3 {
      float: center;
      margin: 5px;
      width: 130px;
      height: 80px;
      border: 2px solid black;
      }

    #boxlinks2_1234_4 {
      float: center;
      margin: 5px;
      width: 130px;
      height: 80px;
      border: 2px solid black;
      }

hier der php teil:

<div id="boxlinks">
<p><b><font size="+2">Links</font></b></p>
<div id="boxlinks1">
<p><b>Ergebnisdienst und Homepage des Kreises Karlsruhe:</b></p>
<center><table width="90%" border="0" cellpadding="4" cellspacing="0">
 <tr>
  <td><center><a href="http://ttvbw.click-tt.de/" target="_blank">Ergebnisdienst click-TT Baden-W&uuml;rttemberg</a></center></td>
  <td><center><a href="http://www.ttkreis-karlsruhe.de/" target="_blank">Homepage des Kreises Karlsruhe</a></center></td>
 </tr>
</table></center>
<hr noshade size="2">
<p><b>Karlsruher TT-Vereine mit Homepage:</b></p>
<div id="boxlinks2">
<center><table width="90%" border="0" cellpadding="4" cellspacing="0">
 <tr>
  <td><center><a href="http://tsgtischtennis.ts.funpic.de/TTtsgBlankenloch.html" target="_blank">TSG Blankenloch</a><br><a href="http://tsgtischtennis.ts.funpic.de/TTtsgBlankenloch.html" target="_blank"><img src="bilder/links/blankenloch.gif"></a></center></td>
  <td><center><a href="http://www.vsvtt.de/" target="_blank">VSV B&uuml;chig</a><br><a href="http://www.vsvtt.de/" target="_blank"><img src="bilder/links/buechig.gif"</a></center></td>
  <td><center><a href="http://www.tvbusenbach-tt.de/" target="_blank">TV Busenbach</a><br><a href="http://www.tvbusenbach-tt.de/" target="_blank"><img src="bilder/links/busenbach.gif"</a></center></td>
 </tr>
</table></center>
<div id="boxlinks2_1234_1">Test 1</div>
<div id="boxlinks2_1234_2">Test 2</div>
<div id="boxlinks2_1234_3">Test 3</div>
<div id="boxlinks2_1234_4">Test 4</div>
</div>
<br>
<?php
include "aktualisierung.php";
?>
</div>
</div>

was ist dass problem? die boxen #boxlinks2_1234_1 - #boxlinks2_1234_4 sind untereinander, ich möchte sie aber nebeneinander haben.

wie mache ich dies???

danke

2

Erstmal gibt es bei float den Wert ‘center’ nicht, entweder
left, right oder none. Bei ersteren beiden empfiehlt sich dann
bei Blockelementen eine Breitenangabe.
Zentrieren funktioniert anders, da kann man etwa bei
vorgegebener Breite margin-left und margin-right auf auto setzen
(betrifft Blockelemente).