✔ Text wird erweitert Bild darunter soll sich dann weiter nach unten verschieben

[Jule_123]

Hallo,

Ich habe ein Bild, dass sich unter dem Fliesstext (content) befindet. Wenn der Fließtext sich erweitert soll auch das Bild weiter nach unten rutschen. Wie mache ich das? Es sieht im Moment so aus:

<div id="fliesstext"></div>
<div id="motiv"><div>
<div id="claim"></div>


#fliesstext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20pt;
float:left;
top:280px;
left:108px;
position:absolute;
white-space:nowrap;
display:inline;
}

#motiv{
float:left;
left:704px;
top:124px;
position:absolute;

}


#claim{
background-image:url(img_claim.jpg);
width:595px;
height:38px;
top: 459px;
left:108px;
position:absolute;
float:left;
}


Das Motiv befindet sich rechts neben dem Fliesstext und der Claim befindet sich unterhalb des Fliesstextes. Wahrscheinlich wird position:absolute ein Problem sein aber ich wusste mir nicht anders zu helfen.Vielleicht weiß einer von euch ja wie es richtig sein muss.

lg jule

 

[Maik]

Hi,

wenn sich das Bild im DIV #claim befindet bzw. sein Hintergrundbild gemeint ist, ändere die CSS-Regel für das Element folgendermaßen

#claim{
background-image:url(img_claim.jpg);
width:595px;
height:38px;
}

und bette das Element im DIV #fliesstext ein:

<div id="fliesstext">
     <!-- Hier beginnt der Fliesstext -->
     <!-- Hier endet der Fliesstext -->
     <div id="claim"></div>
</div>
<div id="motiv"><div>

Ansonsten müssten die Elemente ohne die absolute Positionierung und stattdessen mit der margin-Eigenschaft wie gewünscht im Anzeigebereich angeordnet werden, damit das Element bei zunehmenden Inhalt im DIV #fliesstext nach unten wandert.

 

[Jule_123]

Oh mann da hätte ich auch drauf kommen können. Danke schön hat auf anhieb funktioniert lg Jule_123