/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Dynamic layout 100% height/width. IE5.5,7,8/FF/Safari/Opera OK – IE6 glitches!

Copy linkTweet thisAlerts:
Apr 13.2009

  • – website is 100% width/height? check

  • – custom page borders, 100% width/height? check

  • – footer attached to the bottom, and pushed down if content overflows? check

  • – fix the tiled transparent PNG’s in IE 5.5/6 bug? check

  • – working minimum width on all browsers (xcept IE6)? check

  • – no tables used? check

  • – XHTML 1.0 Strict compliant? check

  • – CSS 2.1 compliant? check

  • – all of the above wok in IE5.5, IE7, IE8, Firefox, Safari, Opera? check…

    • Website Link: [url]http://tranceluvers.com/temp[/url]

    basically everything works just fine in all browsers except IE6 is having one little problem… when content overflows, the right/left background DIV’s containing png gradient image stretch to the 100% height of browser window, but not 100% height of the page like it does in all the rest browsers, even IE5.5! (if u have IE6, click “LONG CONTENT” link and try resizing the browser to see problem). IE6 also fails to obey minimum width (even the IE5.5 follows the minimum width) but thats another problem, i can deal with it…

    How it should be: [url]http://img404.imageshack.us/img404/6750/firefox.jpg[/url]
    How IE 6 does it: [url]http://img16.imageshack.us/img16/3376/ie6l.jpg[/url]

    anybody here dealt with this lil bug before? any help is appreciated very much!

    Thanks,
    Denis

    to post a comment
    HTML

    2 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @frifoxauthorApr 14.2009 — ops, i just realized that this topic probably should have been posted into CSS section... lol

    PS: the min-width bug in IE6 has been fixed, still keeping CSS/HTML valid ?
    Copy linkTweet thisAlerts:
    @frifoxauthorApr 15.2009 — ok, i figured it out. had to use javascript in css to specifically set wrapper height to be same as the page... dont worry, everything is still XHTMLv1/CSSv2.1 valid ?

    since the problem is resolved, i'm taking down the page but if anyone else is interested, you can download the template here:

    http://www.mediafire.com/?uyngznmwwtm
    ×

    Success!

    Help @frifox spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...