CSS Div position probleem

[Joopster]

Hallo,

Ik heb een probleempje met div positioning. Ik wil graag een layer op een image hebben, zodat ik er tekst op kan schrijven. Dit doe ik doormiddel van een div, met relative positioning. Mijn code ziet er nu zo uit:

<img src="images/img.jpg" width="650" height="160" border="0">
<div style="position:relative; width:200px; height:115px; left: 0px; top: -200px; >tekst tekst tekst</div>.

Opzich werkt dit wel, de tekst staat precies op de plek op het plaatje waar ik wil. Maar er verschijnt nu ook een soort "ghost space" onder het plaatje. Van precies de 115x200 pixels die ik in de div heb opgegeven. Ik heb geen idee wat ik hier aan kan doen. Het is net alsof de het divblok nog wel onder het plaatje staat, maar de inhoud ervan is 200 pixels naar boven verplaatst.

Kan iemand me helpen?

[mech7]

probeer hem eens te floaten dan hoort hij ze hoogte kwijt te raken.. heb neit getest maar denk wel dat het zal werken :I

Ik denk dat mooiere oplossing is al zet je het plaatje als achtergrond van de div ;)

[Joopster]

Floaten werkt niet, en als ik wil het liever niet als achtergrond zetten omdat ik dan niet het goeie effect kan bereiken. (De tekst die er op staat moet zelf al een bgcolor hebben).

[mech7]

doe je toch een div met achtergrond en een text met een span eromheen

<div class="plaatje"><span class="achtergrondKleurtje">Text gaat hierzo</span></div>

;)

[Joopster]

Wow, dat ik daar niet aan gedacht heb. :rolleyes: Bedankt! :p