Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS full page background technique cannot scroll my content

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #28771
    polutan
    Member

    Hello everybody :)

    my name is oka. i craft a website using ‘perfect full page background image’ technique from css-tricks https://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 :)

    #74401
    virtual
    Participant

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

    #74431
    polutan
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.