1 reply [Last post]
Last seen: 16 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-10-26
Posts: 4
Points: 0

I'm experiencing a bizarre float problem with my layout in IE/Windows. It concerns this website.

To make it more clear I'll give a small introduction on the layout.

- One container div, #outer, positioned relative to center everything horizontally.
- 3 main divs, #hdr, #bodyblock, #ftr, floated left. Except for #ftr, which is clear: both.
- The upper divs (the navigation etc) are of ne importance, they are simply positioned absolute in the #hdr div.
- For #bodyblock I created 3 columns. #col_links, #home en #col_rechts.
- The left- (#col_links) and right column (#col_rechts) each contain respectively 2 and 3 divs, which also contain 2 divs.
- The footer (#ftr) is being cleared with clear: both.

I colored the right column (#col_rechts) organge the visualise the problem. The upper container div in the right column (#lid_worden) works perfectly. The 2 following container divs (#leden_login and #nieuwsbrief) seam to fall out the right column (#col_rechts). The linkk in #lid_worden (>> inschrijven), the upper container div in the right column, also falls out the right column, though it has the background color of the right column (#col_rechts).

Who can tell me what goes wrong here, and how I can fix this nasty problem?

Chris..S's picture
Last seen: 9 years 41 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

[IE] Floated fall out of the container div

It seems you have done it yourself.