Social Buttons
  1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

{ASK} how to make fixed background and scrollable content

Discussion in 'CSS' started by huseinbandi, Mar 1, 2012.

0
  1. #1
    Hey guys.. please help me to make fixed background,and footer and scrollable content like this site :

    HTML:
    1. http://envato.com/

     
    huseinbandi, Mar 1, 2012 IP
  2. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #2
    If you take a look at Envato site's code with any of the developer tools available on Firefix, Chrome, Safari you'll see it has:

    HTML:
    1. body { background: #528036 url(images/background.jpg) no-repeat fixed 0 0; }
    And the bottom fixed footer has:

    HTML:
    1. #footer_wrap {
    2.   position: fixed;
    3.   bottom: 0;
    4.   height: 47px;
    5.   width: 100%;
    6.   background: #1b1b1b url(images/footer-bg.jpg) no-repeat 0 0;
    7.   border-top: 1px solid #749e58;
    8.   z-index: 99;
    9. }
    That takes care of the fixed body background image & fixed bottom bar.

    And for scrolling from point to point they are using jQuery scroll function.
     
    czent, Mar 2, 2012 IP
  3. huseinbandi

    huseinbandi Active Member

    Messages:
    1,048
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    50
    #3
    well thanks dude, i'll try it.. ^^"
     
    huseinbandi, Mar 2, 2012 IP