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?