SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist croatiankid's Avatar
    Join Date
    Mar 2007
    Location
    Zagreb, Croatia
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Safari adding 2px to column width, causing overflow

    For some reason on my page, Safari is adding two pixels to the left column width, causing the right column to overflow the container, making a line break and going under the left, as seen on this screenshot. I'm gonna kill my host for this downtime, I apologize if you can't see the page. You can also see the footer is sticking out too.

    I think it's either adding 2px to #main, or removing 2px from #content, in either case, causing overflow, probably the latter, since you can see the right side of the header (the fish picture) doesn't line up with the right edge of where the right column SHOULD be, just like the footer.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    HI,

    Its the display:table in #content that is causing the problem. Remove it and use a more solid clearing technique (see faq on floats).

  3. #3
    SitePoint Evangelist croatiankid's Avatar
    Join Date
    Mar 2007
    Location
    Zagreb, Croatia
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    clearing? as far as I know, I need that for the faux columns to work in modern browsers

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, but there are alternatives to it. It's purpose is to make that element contain the floats. As Paul suggested, you should read the CSS FAQ on Floats.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


Bookmarks

Posting Permissions

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