SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    double "padding" in IE6 - no float involed

    Hello,


    in my lightbox I get strange right "padding" in ui-lightbox-innerContainer in IE6 and only in this browser.
    Take a look at this screenshot:


    You can test this out here:
    http://rrh.vot.pl/example/example.html

    There is Firebug Lite included there.

    I use no floats so I can't figure out how to fix it - hope you can help me!

  2. #2
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I suspect, not tested, that the offset is taken not from the body edge, but from the right edge of the thumbnails, and that it is not a doubling, but is 100px apparent added offset.

    I'm not enamored of the light box paradigm, so have little info as to its methods, especially as implemented with jQuery libraries.

    Sorry I can't be of more help, but that might give you a new clue toward debugging.

    cheers,

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

  3. #3
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know if it is of any influence but In older IE browsers it was needed to set text-align center for the body tag to realy center the content.

  4. #4
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That was only for quirks mode, where IE6 acts as if it were IE5. Anyone trying to support IE5 is a glutton for punishment, who should be given a wide berth by those not into the S&M scene.

    cheers,

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

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

    IE6 takes the padding into account in the 100% absolute width of your bottombar and stretches the parent.

    Also reduce the margin/padding on html to allow the lightbox to center properly. Add padding/margin to the thumbnails themselves to move them away from the edge.

    Use this:
    Code:
    body{margin:0;padding:0}/* fixes central position offset.
    * html #ui-lightbox-bottombar {    
        padding:5px 0;
        margin:0;
    }

  6. #6
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul O'B: now it works! Thanks buddy!


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
  •