suit: dreispaltiges Layout

Beitrag lesen

Hallo,
ich brauche ein dreispaltiges Layout, in dem alle drei Spalten die gleiche Länge haben.
Frage in die Runde, ob mein Lösungsansatz ok ist, etwas grundsätzlich dagegen spricht, oder ob es eine bessere Lösung gibt.

du versuchst eine tabelle mit css nachzubauen - der ansatz ist von der denkweise sicher naheliegend aber SEHR unpraktikabel (zumals im ie nicht funktioneren wird)

beschäftige dich mit der eigenschaft "float", damit gehts wesentlich schöner

im übrigen solltest du deinen drei spalten nicht l m und r nennen, mit float-basierenden layouts kannst du die reihenfolge (fast) beliebig verändern - wenn du die linke spalte rechts haben willst oder umgekehrt bzw ganz anders dann ist links/mitte/rechts verwirrend

spalte1, spalte2 und spalte3 sind hingegen viel bessere namen

  
<div id="container">  
  <div id="spalte1">1</div>  
  <div id="spalte2">2</div>  
  <div id="spalte3"></div>  
</div>  

  
#container {  
  width: 1000px;  
}  
  
#spalte1, #spalte3, #spalte3 {  
  width: 33%;  
  float: left; /* oder right, dann ist zb die reihenfolge der spalten gespiegelt */  
}  
  

die gleiche länge der spalten erreichst du mit "faux columns"