• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1195
  • Last Modified:

Overlapping content in floated column

I have a website that lays out three main columns using float:right. The layout works well except when the center content is short then content in the outer columns overlaps the footer, rather than stretching all three columns. It looks really odd and i have tried all sorts of repeating background and overflow tricks to fix it but to no avail. Does anyone know how i can fix this:

Open in new window

1 Solution
you've got a height set on your #rightBar

Removing it fixed the issue for me in FF2
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now