3 DIV-Container nebeneinander [Problem gelöst]

[Kackfohgel.]

Hallo,

ich würde gerne 3 Tabellen DIV-Container unter Ausnutzung der vollen Bildschirmbreite nebeneinander darstellen.

Laut http://de.selfhtml.org/css/formate/box_modell.htm@title=Boxmodell besteht die Gesamtbreite eines Elements aus margin, border, padding und width.

Deshalb habe ich meine 3 Container mit folgenden Attributen ausgestattet.

<!-- container 1 -->  
<div style="width: 27%; margin: 3%; padding: 3%; border: 0px; float: left;">  
  <!-- Inhalt 1 -->  
</div>  
  
  
<!-- container 2 -->  
<div style="width: 27%; margin: 3%; padding: 3%; border: 0px; float: left;">  
  <!-- Inhalt 2 -->  
</div>  
  
  
<!-- container 3 -->  
<div style="width: 27%; margin: 3%; padding: 3%; border: 0px; float: left;">  
  <!-- Inhalt 3 -->  
</div>

Rechne ich jetzt die Angaben zusammen
3 x (27 + 3 + 3)
komme ich auf 99%, dennoch ...

... ach Mist, margin und padding ist ja zu verdoppeln, weil sie links und rechts auftauchen. Mit margin: 0px klappt es wie gewünscht.

Eigentlich besteht jetzt garkein Bedarf mehr, dieses Post abzuschicken*,aber ihr habt mir mal wieder sehr geholfen. Wie so oft, bin ich durch die Beschreibung des Problems wieder selbst auf die Lösung gekommen. Dafür danke :-)

*Wobei ihr sicher meine Lösung noch konstruktiv kritisieren werdet ;-)