Forums

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

Home Forums CSS how can i set a background at footer to expand according to screen size ..?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #36073
    dagash
    Participant

    hi ..
    i have a problem with my footer.. i want to make bar that expand according to screen .
    i make one for header by using background in body div , but i didn’t know how can i put another background at bottom page .

    this is my header :my header
    this is my footer :ny footer

    how can i do that …?

    #94476
    sheepysheep60
    Participant

    Pretty straight forward, the CSS would look like this:


    .inside
    {
    width:960px;
    margin:0 auto;
    }

    .header
    {
    background:url(path/to/bar/image.jpg) repeat-x;
    width:100%; /* probably not necessary unless you have reset anything*/
    }

    and the HTML




    Content of your header goes here


    So the header now stretches the whole screen, yet the text within it stays centered to a fixed width. Cheers! Dave

    #94485
    dagash
    Participant

    that is for header , i am already did that , but my problem is on footer ,it is limited .


















    because footer is limited by 960px , so everything inside it is limited among this range ,,

    i think i should put the div=footerbar outside the div=footer , then style it ..

    anyone have another idea …??

    #94513
    timmey
    Member

    you should wrap the footer div like u mentioned.

    http://jsfiddle.net/BLwgJ/200/

    #94515
    dagash
    Participant

    thank u very much TIMMEY ..

    this my first time with < jsfiddle.net > ,, but it is more simple and usefull ..

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.