Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Sticking text to background (Novice)

    Hey all,

    New poster here as just getting into the hobby/idea of designing a website. I'm learning css and html slowly and not exactly to the book so I apologise if my coding seems odd. I'm trying to get my sidebars, links, text, navigation menu etc to "stick" to my background image but am having problems. I can position it precisely using position: absolute etc but whenever i change the size of the window the text stays still relative to the monitor but the background stays still relative to the window. Am I making a fundamental mistake somewhere and/or how can I get everything to stay together.

    website still isn't up yet but this should work...

    http://75.126.145.194/~randomdo/

    You can obviously see the html code using you're browser and i've attached my small css file.

    Any response would be appreciated,

    Dave
    Attached Files Attached Files

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Just a quick response.
    There are many useful sites regarding positioning in the url in my signature below.

    e.g. http://www.positioniseverything.net/

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    34
    Thanks
    0
    Thanked 7 Times in 7 Posts
    specify the height & width of the image.... & remove position from #wrap

    try this

    #wrap {
    background: url(test3.jpg) no-repeat center;
    color:#ffffff;
    height:700px;
    margin: 0 auto;
    width:900px;
    height:525px;
    }

    gud luck,
    rams


  •  

    Posting Permissions

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