[CSS] Div in Div rechtsbündig und Breite angepasst

[Truncate]

Hallo,

in einem DIV soll ein weiteres DIV absolut rechts oben plaziert werden.

<div style=position:relative>

<div style=position:absolute;width:200px;height:12px;left:150px;top:5px;text-align:right;background:white>Test</div>

</div>

Das funktioniert soweit ja prima, allerdings soll sich der weiße Hintergrund der Breite anpassen und nicht immer starr 200 Pixel breit sein.

Ich dachte deswegen an einen fixes DIV wo nochmal ein relatives drin ist:

<div style=position:relative>

<div style=position:absolute;width:200px;height:12px;left:150px;top:5px;text-align:right>
<div style=height:12px;padding:2px;background:white>Test</div>
</div>

</div>

Allerdings weitet sich das relative 2. DIV trotzdem wieder auf die Breite des 1. absoluten DIVs aus.

Kann man das ev. irgendwie beheben mittels eines Tricks?

Danke!

[Blackgreetz]

Kannst du das vlt kurz irgendwo online-Stellen?
Vorstellen kann ich mir das kaum -g-

[Truncate]

Vielleicht hilft das ja weiter:



Absolut positioniertes DIV rechts oben mit einem relativen DIV drin, was sich dem Content (in dem Falle "Text") anpasst und NICHT die volle Breite des 1. DIVS ausfüllt.

[Kropff]

<div style="background-color: #f00; padding: 10px;">
  <div style="float: right; background-color: #fff; padding: 10px;">Bla blubb</div> 
  <div style="clear: right;"></div>
</div> 

aber wozu benötigst du position?

peter

[Truncate]

Original geschrieben von Kropff
aber wozu benötigst du position?

Um es eben genau zu positionieren... einfach im Flow reicht leider nicht aus.

[Kropff]

Um es eben genau zu positionieren

dazu benötigst du in vielen fällen kein position. hast du mal ein online-beispiel (z.b. screenshot), woraus hervor geht, was du willst?

peter

[Truncate]

Nein hab keinen Screenshot außer dem obigen.

Das rote ist ein Foto und darauf soll eben der Text "draufgelegt" werden rechts oben.

Das dürfte eben nur absolute gehen denk ich mal...

[Kropff]

nicht wenn du mit background-image arbeitest. da reichen breiten- und höhenangaben aus.

peter