Rolf b: zwei divs (relativ und absolut) an deren rechten Rand ausrichten

Beitrag lesen

Hallo Christian,

früher war es mal schwieriger, und gerade der IE hat gespuckt, aber heute ist es problemlos möglich, eine Box mit zwei von drei Werten aus top/bottom/height und zwei von drei Werten aus left/right/width in Position und Größe festzulegen.

Deswegen: Jede dieser drei Zeilen

   left:50%; width:50%;  
   left:50%; right:0;  
   width:50%; right:0;  

hat den gewünschten Effekt - WENN NICHT BORDER ODER PADDING IM SPIEL IST. Wenn doch, hättest Du früher Border und Padding herausrechnen müssen. Heute kannst Du dem inneren DIV mit box-sizing:border-box das Boxmodell des IE Quirksmode geben und dann sind Border und Padding innerhalb der angegebenen Maße.

Was machst Du übrigens mit dem Bereich des äußeren DIV, der vom absolut positionierten DIV überlagert wird? Ist das ok? Oder bekommst Du nun noch das Problem, wie Du Content aus diesem Bereich fernhältst? Mit anderen Worten: Für welches Problem hast Du deine DIV/DIV Lösung konzipiert? Es besteht immer die Möglichkeit, dass die Lösung nicht optimal ist.

Rolf

--
Dosen sind silbern