View Full Version : Content Going Outside Div

09-04-2010, 06:31 AM
Hi everyone. I need help with a design that I'm working on. Unfortunately the script for the site wasn't originally written by me (neither was the original design, which I'm just editing to look different), and the code is pretty sloppy.

Take a look at this page and its source:


If you're using a newer browser, you'll probably notice that the content of the auction goes outside of the white "main content" area, which is left as a thin white line near the top of the page (the footer is also destroyed). Why? I checked my divs and stylesheet, and I can't figure it out. The content should stay in the main content area, just like it does on the main page of the site (www.iauctionsites.com). It looks messed up like this in IE8 and Chrome (probably in Firefox too, but I haven't checked yet). Strangely enough, when I used an older version of IE (7 I think), the content was inside the white area like it should be.

Although, the main page actually has a problem of its own - you'll notice that there's a black blank between the login bar and the rest of the content in the "main content" area. It should just be solid white. I can't figure this one out either.

Here's the stylesheet for you to look at as well:


Any help is appreciated! Thanks a lot,

- Ryan

09-04-2010, 09:39 AM
You need to clear the floats. Add
#main{overflow:auto;} into your CSS.
Read http://www.quirksmode.org/css/clearing.html

09-04-2010, 07:19 PM
Wow. Wish I knew exactly why, but adding that to the main container fixed everything. Thanks! :D