Grow your CSS skills. Land your dream job.

100% height in Safari 3.2.1

  • # February 7, 2009 at 12:40 pm

    Hello

    I’m quite sure this is a common issue, so I won’t bother posting my XHTML and CSS just at the moment…(unless someone asks!). The issue arises with 100% height container divs in Safari 3.2.1.

    I have a three-column layout (actually; five – but two are tiny and just hold drop shadows for the main content div), all in valid XHTML and CSS. I have set the height of the body and of the container divs to 100%, but unfortunately it seems to be 100% of the viewport/window, rather than 100% of the entire document. This means that if scrollbars appear, when you scroll down the background does not render for the part of the document that was previously hidden.

    Is there a way to fix this? I’ve seen posts about using tables, but I’m trying my best to avoid that.

    Any help greatly appreciated.

    Regards, Mark

    # February 8, 2009 at 3:59 am

    if we see it, we (probably) can fix it…..

    links would be helpful, we could also see your code that way and suggest a fix for you

    # February 10, 2009 at 8:59 am
    "mark.norgate" wrote:
    Hello

    I’m quite sure this is a common issue, so I won’t bother posting my XHTML and CSS just at the moment…(unless someone asks!). The issue arises with 100% height container divs in Safari 3.2.1.

    I have a three-column layout (actually; five – but two are tiny and just hold drop shadows for the main content div), all in valid XHTML and CSS. I have set the height of the body and of the container divs to 100%, but unfortunately it seems to be 100% of the viewport/window, rather than 100% of the entire document. This means that if scrollbars appear, when you scroll down the background does not render for the part of the document that was previously hidden.

    Is there a way to fix this? I’ve seen posts about using tables, but I’m trying my best to avoid that.

    Any help greatly appreciated.

    Regards, Mark

    use background-position:fixed; for the image you want to stay stabalised

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".