Grow your CSS skills. Land your dream job.

full page background technique cannot scroll my content

  • # April 18, 2010 at 5:35 pm

    Hello everybody :)

    my name is oka. i craft a website using ‘perfect full page background image’ technique from css-tricks http://css-tricks.com/perfect-full-page … und-image/ . You can see my page here http://bbh-oz.com/designme/index.html. I did a little modification with the css explained in the tutorial because i don’t want my image full filling ( just half filling ) the horizontal area of the page, i just want to full filling the vertical area of the page. Then i add my content inside the ‘box’ block

    Code:

    Main content

    the result is cannot scrolling. why cannot scrolling?

    :D u know? i watching chris’s video tutorial for my website design inspiration.. :D

    thank you :)

    # April 18, 2010 at 7:55 pm

    In the css on this tag
    html, body, #bg, #bg table, #bg td
    you have overflow: hidden; change to auto to allow scrolling

    # April 19, 2010 at 2:35 am

    hello virtual :)

    thx you for ur answer.. i try to apply ur answer…taraaaa…after i refresh my browser ( firefox 3.5.9 ) appear two scrollbar left and right. Then i try modify with this experiment :

    Code:
    html, body, #bg, #bg table, #bg td {
    height:768px;
    width:358px;
    overflow:hidden;
    }
    html,body {
    overflow:auto;
    }

    i try to override html and body . Voilaa… i get expected result… .
    as a note, Opera render my website much better. In firefox if we scroll the page, it will looks strange..
    any other solution? :)

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".