Hallo allemaal,
Ik ben bezig met een nieuwe layout voor mijn website.
Ik heb een mooie layout gevonden, maar die was niet gecentreerd. Ik heb de pagina gecentreerd.
Het probleem is nu dat het plaatje van een vogel bovenin links in het gecentreerde gedeelte niet meer zichtbaar is.
Ik snap er niets van.
Dit is mijn testsite: http://www.libralion.com/templates/s...tml/index.html
Iemand een idee?


Johanna

Zet na je <div id="footPanel"></div> even het volgende neer:

<div style="clear: both"></div>

Dus net voordat je <div id="mainPanel"> afsluit.

Ja dat is het! Hardstikke bedankt! :D

Geen probleem!

Kleine uitleg:

Als je in een div elementen gebruikt die je een float meegeeft, dan rekt de div niet mee om deze elementen heen. Die float moet je dus clearen.

een float clearen met een extra div is outdated.. geef de parent van het floatende element gewoon een overflow: hidden; dan rekt de div gewoon mee
maar dan hoef je geen extra class aan te maken en een extra div in je html te zetten.

anders krijg je achter elk element <div class="clear"></div>.

Ik moet eerlijk toegeven dat het al weer een jaar of 6 geleden is toen ik nog psd's omzette naar html.
Heb ik ook weer wat geleerd.

Mooi om te horen :)!