Div in Div verschieben

[Dynamic]

Hallo,
ich habe ein div mit hintergrundbild (eine box). Da rein möchte ich ein div mit text positionieren. Wenn ich aber im text-div margin:10px reinschreibe, verschiebt sich auch die Box nach unten, aber die box soll an der gleichen stelle sein.


<div style="margin:0px 0px 0px 151px; background-image:url(img/content.png); background-repeat:no-repeat">
<div style="margin:10px 0px 0px 10px">TEXT</div>
</div>

 

[threadi]

Du formatierst den Text aber falsch. Wenn es Text ist, dann zeichne ihn auch als solchen aus. Verwende weiterhin Innenabstand um die Position des Textes zu beeinflussen.

<div><p>Text</p></div>

CSS:

div { margin: 0 0 0 151px;background-image:url(img/content.png); background-repeat:no-repeat; }
div p { padding: 10px 0 0 10px; }

 

[Dynamic]

danke sehr, hat geklappt.

 

[Efchen]

Wenn ich aber im text-div margin:10px reinschreibe, verschiebt sich auch die Box nach unten, aber die box soll an der gleichen stelle sein.

Nein, die Boxen stehen beide noch an der selben Stelle. Du vergisst nur, dass margin mit zur Größe des Elements zählt und sich der Inhaltsbereich beim Vergrößern natürlich verschiebt.

Warum hast Du eigentlich einen Container mit Bild um den Text? Reicht es nicht, dem Textabsatz das Hintergrundbild zu geben?