[CSS] Background div zichtbaar in andere div

[Spixo]

Mijn body van mijn pagina:

code:

<div id="contents">
<div id="top">
  <div class="topheader">
    // header
  </div>
  <div class="inhoud">
    <div class="tekst">
      <div class="heading">Titel</div>
    // inhoud
  </div>
</div>
<div id="footer">
    <div class="footerbalk"></div>
    <span class="copyright">//blaat</span> <span class="menubalkonder">// blaat</span>
</div>
</div>

In de CSS:

code:

div.tekst {
    padding-left: 40px;
    width: 690px;
    float: left;
    text-align: justify;
    background-position: 0% 100%;
    background-image: url("sleutels2.jpg");
    background-repeat: no-repeat;
}

Nu valt echt de achtergrond van div.tekst ook in div.footer. Ik heb geprobeerd het op te lossen door het geven van een padding-bottom echter dat lost niets op.

[evaarties]

Probeer eens een height meegeven aan de div.tekst, minimaal zo hoog als het achtergrondplaatje.

[ Voor 3% gewijzigd door evaarties op 04-04-2006 08:39 ]

[Digihelp ®]

Je mist nog een

HTML:

</div>

waardoor je div id="top" niet wordt afgesloten.

[frickY]

Ricardo87 schreef op dinsdag 04 april 2006 @ 08:34:
Nu valt echt de achtergrond van div.tekst ook in div.footer. Ik heb geprobeerd het op te lossen door het geven van een padding-bottom echter dat lost niets op.

Een padding geeft de itnerne afstand tot de rand. Je achtergrond loopt gewoon door over die afstand.
Als dit al zou werken, zou je opzoek zijn naar margin-bottom.

[Spixo]

evaarties schreef op dinsdag 04 april 2006 @ 08:39:
Probeer eens een height meegeven aan de div.tekst, minimaal zo hoog als het achtergrondplaatje.

De hoogte van div.tekst is afhankelijk van de lengte van de tekst. Ik wil alleen de afbeelding linksonder in div.tekst plaatsen maar hij mag niet onder / op div.footer komen.

Digihelp ® schreef op dinsdag 04 april 2006 @ 08:42:
Je mist nog een

HTML:

</div>

waardoor je div id="top" niet wordt afgesloten.

Inderdaad, ik heb hem toegevoegd. Helaas werkt het echter nog niet.

[Digihelp ®]

Heb je de pagina online staan ? En heb je al met overflow gespeeld ?

[BtM909]

Kijk eens naar de optie van frickY (of naar de clear optie) en zo niet, lever dan eens een compleet voorbeeld op (bijvoorbeeld online)