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

Home Forums CSS Resizing background to fit browser window

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #30309

    Hi, I’m emphatically very new to CSS, and I’ve built a page which is entirely based on position:absolute.

    Test Page

    It works perfectly except for one little problem. The background does not resize to the size of the browser window. I have it set at 2560 px width to accommodate the widest screens but on anything smaller I’m getting a horizontal scroll bar. I have nooooooooooo clue how to fix it. If you can help, I would really appreciate if you could be extremely specific as to do with the code as I have a lot of trouble following these comments. I guess I’m just a bit too dense to understand CSS! I also had posted this on another thread and was asked to move it here. Like I said… I’m not the sharpest tool in the shed! :)


    You are not dense, just new to the language. We were all there once. Here is what I would suggest for the background…

    The bubbles image can be applied to the body as a background image in css. The image looks to be something that repeats, so you could make it much smaller by creating a seamless background and setting it to repeat in the css. This would get rid of the scrollbars and also speed things up.

    Here is a snippet of css that would accomplish the repeating background image set to the body.

    background: #FFF url(../path_to_image/bubbles1.jpg) top left repeat;

    I would also suggest moving all of your css to an external stylesheet. Then, if you need to make a simple change to a style or layout, it only needs to be done in one place.

    Sorry for the long winded response. Hope that helps somewhat.

    Here is a great site to get the basics of css down.



    If you wish to continue in web design, learn how to use floats and margins, not position absolute. There is only a need for it in particular circumstances.

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