SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How to Extend Background Image so that it covers 100% height in a float Layout

    Hi All,

    I am trying to repeat an image all over the screen in an floating layout. I tried to use height:100% but it doesnt work. Can any one suggest me anything.

    Site which I am referring here is : This

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Instead of "repeat-y" (which just makes the image repeat vertically) use "repeat", which will repeat it continuously across the background both horizontally and vertically.

    Code:
    url("../images/background.jpg") repeat scroll center top #AAAAAA

  3. #3
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I really meant was, that I want to extend the blue strip down as much it can go vertically (and not horizontally). I dont want to grey paper texture to tile horizontally thats why I wrote repeat-y only.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Do you mean the content background? Your original question is not very clear. What does "all over the screen" mean?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •