Markus Pitha: Ausrichtungsproblem in div Container....

Beitrag lesen

Hallo,
Ich versuche eine tabellenartiges Struktur zu erstellen, die so aussieht:

____________________   ____________________________________________________
|                  |   |                                                  |
|    Text, mitte   |   |  Text, vertikal mittig ausgerichtet              |
|                  |   |                                                  |
--------------------   ----------------------------------------------------

Ich schaffe es einfach nicht, die Texte verikal mittig zu positionieren. Zwar wäre es möglich, dass ich line-height auf die selbe Höhe wie height der Box setze, wodurch ein verikales mittiges Ausrichten simuliert wird. Allerdings darf ich so keine 2. Zeile beginnen, da die 2. Zeile dann eben um eine komplette Zeilenhöhe weiter unten ist, was natürlich nicht so sein soll. Ich habe auch schon versucht mit vertical-align:middle und display:block o.ä herumexperimentiert, aber ich schaffe es nicht, den Text vertikal mittig auszurichten.
Meine aktuellen Stylesheet-Eigenschaften sehen zur Zeit so aus:

  
.box1 {width:200px; height:40px;  
       line-height:40px;  
       text-align:center;  
       float:left; font-weight:bold;  
       background-color:#ffb54c}  
  
.box2 {margin-left:200px; padding-left:20px; height:40px; line-height:40px; padding-right:5px}  

Wie kann ich das also anstellen?

Markus.

--
Wenn ich ein toller Programmierer währe, könnte ich vielleicht sogar Packete nach einem gewissen Standart kompelieren...