SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Tiled Background Not Tiling in Mac IE

    Hi guys...

    I'm using the following min-height code from Mezzoblue, but the background tile just won't tile in Mac IE (works in all other browsers). Please can anyone advise?

    STYLES:

    /* for Mozilla/Safari/Opera */
    *>#contentMinHeight {
    padding-top:200px;
    min-height:1px;
    background:url('../img/bgdTile.gif') repeat-y;
    }

    *>#contentMinHeight #content {
    margin-top:-200px;
    }

    /* for IE, with IE5/Mac backslash filter \*/
    * html #contentMinHeight {
    height:200px;
    background:url('../img/bgdTile.gif') repeat-y;
    }
    /* end filter */


    HTML:

    <div id="contentMinHeight">
    <div id="content">
    content
    </div>
    </div>

  2. #2
    Non-Member deathshadow's Avatar
    Join Date
    Jul 2006
    Location
    Dublin, NH
    Posts
    901
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd assign as close a background-color to the tile as possible so if the image doesn't tile, at least the color is close, then not sweat it... BECAUSE 'IE5.x' is 'dead to me'. I refuse to continue supporting it because it's >7 year old technology now, and is 5 years out of the latest.

    I realize this leaves 'system' users high and dry, but you know what? Get a real computer.

    Although if I were to venture a guess, I'd say that margin-top:-200 and padding-top:200 are your cause - frankly, what are you doing in your layout that warrants this? (but then I consider trying to do min/max height to be semi-foolhardy and an effort in futility)... if you yank the repeat-y and let it repeat in both dimensions, does it show up? If so, try adding 0px 200px to it, and see what happens.


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
  •