DIV anordnen ohne Verschiebung!

[smallgrapher]

Aloha,

ich habe ein Design wo ich ziemlich weit unten rechts eine PHP in eine DIV include.
In dieser PHP soll ein Bild sein, und darüber ein Text, der wiederum dynamisch aus einer TXT gelesen wird.

<div id="bg">
  <div id="text">
    <? include ("news_left.txt"); ?>
  </div>
</div>

Jetzt will ich dieses in die Index.php includen. Soweit so gut, jetzt ist das Problem, dass er den Hintergrund irgendwo hinmacht und den Text da wo er hin soll. Wenn ich ein Bild in den DIV-bg einfüge, dann zeigt er das Bild zwar mit dem Text an, aber hat eine kleine Lücke über dem DIV.

(Roter Balken)


Woran kann das liegen? Hier noch der CSS-Code, wenn ich das so mache, ist das Bild an der richtigen Stelle, nur der Text ist an der Position vom index.php und nicht von dem DIV aus der ersten PHP.

#bg {
 background-image: url();
 background-repeat: no-repeat;
 height: 255px;
 width: 304px;
}
#text {
 position: absolute;
 height: 185px;
 width: 278px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}

Woran kann das liegen?

 

[sokie]

AW: DIV anordnen ohne Verschiebung!

der Container in dem dein Text erscheinen soll (#bg) muss die eigenschaft position relative haben, wenn der Text ein position absolute hat.
einfacher wäre allerdings das position: absolute beim #text einfach wegzulassen und die Sache mit margin zu positionieren. In dem Fall könnte auch die Angabe von width entfallen.

 

[smallgrapher]

AW: DIV anordnen ohne Verschiebung!

Danke, das hat mein Problem vorerst gelöst!