crowl: 3 spalten Layout

Beitrag lesen

Ich möchte mittels CSS ein drei Spalten-Layout erstellen. Links, Mitte und Rechts. Dabei soll der Abstand zum oberen Rand des Browser 1.5em betragen.

Mein Code sieht so aus:
#links  { width:20%; position:absolute; top:1.5em; }
#mitte  { margin-left:22%;}
#rechts { width:20%; float:right;}

bei #links ist es genauso wie ich es haben möchte, aber bei #mitte ist der Text zu nah am oberen Rand, und bei #rechts ist er ein ganzes stück weiter unten.

Wie bekomme ich es hin, dass die Texte alle auf der gleichen horizontalen Höhe beginnen?

Bei mir sieht es so aus:

+--------------------+
+       mitte        +

  • links              +
    +             rechts +
    +                    +
    +--------------------+

Ich möchte es aber so haben:

+--------------------+
+                    +

  • links mitte rechts +
    +                    +
    +                    +
    +--------------------+

Kann ich mittels CSS sagen, dass keine Spalte in ihrer Breite kleiner als 100px werden darf?