/    Sign up×
Community /Pin to ProfileBookmark

Height, Min-Height

Copy linkTweet thisAlerts:
Apr 24.2006

is there a way to set a page height but for the page to expand in both IE and FF using CSS… if i use min-height, it works fine in FF but doesn’t seem to take effect in IE, if i use a min-height and height it works fine in IE but not FF

for example: [url]http://www.merlins-realm.co.uk/?act=test[/url]

if i take the height attribute out the min-height only seems to work for FF… not IE

any help would b greatly appreciated, thnx

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLAApr 24.2006 — There really isn't another work around, besides the methods you've listed.

I usually set both: min-height and height. To be safe in Fx, you can set the overflow to visible. IE will automatically expand if the height is exceeded by the content.

CSS:
<i>
</i>min-height: ###px;
height: ###px;
overflow: visible;


Good Luck -

KDLA
Copy linkTweet thisAlerts:
@Davey_MauthorApr 24.2006 — would a 1 cell table within the body div be ok?

like if i was to add content within it, it's height would automatically adjust to the amount of content??

or is that bad practise? lol
Copy linkTweet thisAlerts:
@KDLAApr 24.2006 — Seems like if you're going for straight css, seems like a table would be "giving in" - sort of like sneaking a doughnut when you're supposed to be on a diet.

The technique I submitted previously will work fine in both Fx and IE. You'll want to use it in the div you're trying to control.

Good Luck -

KDLA
Copy linkTweet thisAlerts:
@lahmayesApr 26.2006 — I'm not positive about this, but I think you precede an element with a "*" and make it only "visible" to IE for example

[CODE]// This part will apply to all CSS browsers (though IE misrenders it)
body{
min-height: ###px;
}
// This part will apply to IE ONLY
* body{
height: ###px;
}[/CODE]
Copy linkTweet thisAlerts:
@UltimaterApr 26.2006 — Have you tried?
<i>
</i>body {
height: 100%;
}
html {
height: 100%;
}

https://webdeveloper.com/forum/showthread.php?t=104449

BTW: Is there a reason your page has two DOCTYPEs, two HTML tags, two HEADs etc?
Copy linkTweet thisAlerts:
@felgallApr 26.2006 — I'm not positive about this, but I think you precede an element with a "*" and make it only "visible" to IE for example
[/QUOTE]

  • * represents any tag and its intended use is in tag lists that indicate nesting eg.


    • [b]div * b[/b] means apply this to bold tags that are contained within something that is contained within a div. The style would apply to

    <div><p><b></b></p></div>

    and also to

    <div><span><b></b></span></div>

    but not to

    <div><b></b></div>

    Using it on the front of the list is rather pointless (with one exception) since all tags except for html are always contained within something else.

    The one exception is for old versions of Internet Explorer (6 and earlier) that assume that even the html tag is contained in something and therefore allow

  • * html


    • for IE7 and other web browsers lines starting with that will be ignored since html is the top level tag.
    Copy linkTweet thisAlerts:
    @lahmayesApr 26.2006 — Ah, thank you for the clarification. I knew I saw that used somewhere as an IE "hack." I was kind of groping in the air with that one. It's too bad everyone doesn't make standards compliant browsers.
    ×

    Success!

    Help @Davey_M 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.8,
    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,
    )...