Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Member drews's Avatar
    Join Date
    Nov 2002
    Location
    St. Petersburg, Florida
    Posts
    63
    Member #
    341
    I have the following CSS:

    Code:
      
    body {
       background-postion: bottom left;
       background-color: #F6EFDD;
       background-image: url(images/bottom_gradient.png);
       background-attachment: fixed;
       background-repeat: repeat-x;
       margin: 0 0 0 0;
       padding: 0px 0px 0px 0px;
    }
    But for some reason in both Firefox and IE the background starts at the top. Any ideas?
    -drews
    -White Fiber Hosting - Coming Soon!

  2.  

  3. #2
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    It should work... try background-position: 100% 0%.

  4. #3
    Member drews's Avatar
    Join Date
    Nov 2002
    Location
    St. Petersburg, Florida
    Posts
    63
    Member #
    341
    Nope that didn't work. Could it have something to do with the background-attachment?
    -drews
    -White Fiber Hosting - Coming Soon!

  5. #4
    Senior Member Riat_Sila's Avatar
    Join Date
    Oct 2003
    Location
    Berkshire, UK
    Posts
    417
    Member #
    3485
    Try this
    Code:
      
    body {
       background: #F6EFDD url(images/bottom_gradient.png) repeat-x bottom      left; 
    }
    That should have the same effect as the other code - but work.

  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    well... i don't think you can have a bg fixed and repeat-x at the same time?!?! replace repeat-x with no-repeat
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  7. #6
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    it works.. position is just mispelled.. sometimes it is the small things that count..

    also for good mesure.. put the 'px' suffix on the margin values.. always specify what unit of measure you are workig with, otherwise certin browsers will see it as an error and may ignore your whole property, rule or even whole stylesheet..


  8. #7
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    Haha good eye glyakk!

  9. #8
    Senior Member Riat_Sila's Avatar
    Join Date
    Oct 2003
    Location
    Berkshire, UK
    Posts
    417
    Member #
    3485
    *Slaps forehead*

  10. #9
    Member drews's Avatar
    Join Date
    Nov 2002
    Location
    St. Petersburg, Florida
    Posts
    63
    Member #
    341
    I could have sworn I checked over my code a million and half times. Thanks!

    Yeah I know about the px stuff and I am going to change that later, but right now when I am working on the design, its easier to leave it out.
    -drews
    -White Fiber Hosting - Coming Soon!

  11. #10
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    Trust me mistakes like that are the hardest to find.. Ive been victum to syntax errors like this more then anybody.. I remember a severe layout issue a while back when I first started to use css. In my case, a keystone rule had a 'center' value typed 'centre'. It caused my whole layout to break. I poured over my code for days, I actually was about to tear everything apart and start over when one of my classmates pointed it out for me.. talk about a big slap in the face..

    Now I always check to make sure the blender is plugged into the wall befor I take it apart if you get what I mean. And always assume the pencil you are desperatly looking for is behind your ear. Its the obvious stuff that will drive you crazy.



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:10 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com