Treehouse: 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 … und-image/ . You can see my page here 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


    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 :

    html, body, #bg, #bg table, #bg td {
    html,body {

    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.