Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Content Going Outside Div

    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:

    http://iauctionsites.com/auction/2-test2.html

    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:

    http://iauctionsites.com/css/stylesheet.css

    Any help is appreciated! Thanks a lot,

    - Ryan

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You need to clear the floats. Add
    Code:
    #main{overflow:auto;}
    into your CSS.
    Read http://www.quirksmode.org/css/clearing.html
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Sep 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wow. Wish I knew exactly why, but adding that to the main container fixed everything. Thanks!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •