www.webdeveloper.com
Results 1 to 6 of 6

Thread: Need some advice on why my backgrounds aren't showing up on Safari browsers..

  1. #1
    Join Date
    Aug 2009
    Posts
    7

    Need some advice on why my backgrounds aren't showing up on Safari browsers..

    I'm relatively new to building websites and have run into a problem with my backgrounds for my website not showing up on Safari browsers.
    They show up nicely on Firefox and Camino on my Mac and on Internet Explorer on my PC.
    Can anyone explain to me why that is, and possibly direct me to a universal html or css code configuration that will solve that problem?
    Thanks in advance,

    Spot Dailey

    PS. You guys rock. There has been a significant decline in the angle of my learning curve since signing up with this site. It is most appreciated.
    Last edited by Spot Dailey; 09-04-2009 at 12:39 AM.

  2. #2
    Join Date
    Sep 2009
    Posts
    6

    We need more information...

    Have you got a link to the site, or can you pop up the culprit code that should display the background. We need this because it really depends on how your site is really setup, whether it is style by html markup or whether you're trying to style it with css.

  3. #3
    Join Date
    Aug 2009
    Posts
    7

    Thanks, here's what I'm using...

    As I said, I'm a noobie at this, but here's what I've been using as a background code that seems to work everywhere but on Safari Browsers.

    <style>body{background-color: ; background-image: url(http://noobie.com/graphics/EmptyPage.jpg);</style>

    Your help is much appreciated.
    Spot

  4. #4
    Join Date
    Nov 2002
    Location
    Baltimore, Maryland
    Posts
    12,270
    That's incorrect, several ways, and should be
    Code:
    <style type="text/css">body {background-image: url(http://noobie.com/graphics/EmptyPage.jpg)}</style>
    Make friends with The Validator
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

  5. #5
    Join Date
    Sep 2009
    Posts
    6

    Charles is right but...

    can I suggest a more thorough way to put your background image in? The way that Charles and yourself are trying to achieve does not really control how the image spans across the page, where its location begins, or what the background should show if the image is not available.

    try this:

    body { background:#ffffff url('http://noobie.com/graphics/EmptyPage.jpg') repeat-xy top right }

    repeat-xy can also be: `repeat-x`, `repeat-y`, or `no-repeat`. depending on which way you want to repeat it.

    top can also be: `bottom` or `#px` from the top.
    right can also be: `left` or `#px` from the left.

    sorry if it sounds confusing, but if you niggle around with it a little, you'll get it pretty quickly.

  6. #6
    Join Date
    Aug 2009
    Posts
    7

    Thanks Guys..

    Thanks guys. As I said before, "YOU ROCK". Your assistance is most appreciated. I now dub this site "Grief Relief".
    Spot

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles