1. Firefox centered background on the body problem

    Posted by Rob CornishPostOctober 3, 2008Date

    Today at work we ran into a problem with Firefox using a background on the body.
    The setup was a background on the body tag to be centered with the browser window to fit behind a centered div.
    Using a min-width on the body alone done nothing. IE6 and 7 with width:1024px; on the div stopped the background from moving but not in Firefox.

    To fix this in Firefox we had to add the html element into the css tag.

    html, body { min-width:1024px; background:url(image.jpg) no-repeat center 0; }
    div { width:1024px; margin:0 auto; }
    

    Note: You don't need to include the background here, this can just go normally on the body tag.



  2. Lightbox blackout css javascript technique IE6

    Posted by Rob CornishPostSeptember 30, 2008Date

    A mate at work was running into problems with IE6 100% height.
    The lightbox background height would only span the height of the current window. When you scrolled down the lightbox background just ended. Alexey Kasaev found a css javascript work around for ie6.

    height:expression(eval(document.body.clientHeight) + "px");
    


Tags
Flickr
SelfDSC_0207DSC_0206DSC_0205
© 2008 dlnqnt - Admin - Login