Author Topic: Website Backgound Display  (Read 798 times)

Website Backgound Display
« on: 04 January, 2013, 10:18:06 pm »
I'm playing around with this website, based on the excellent templates provided by Andreas Viklund.

The background should show a subtle flower pattern, rather like a kind of watermark, but I'm getting different displays of this:

Windoze Vista/IE 7 - flowers (heading left-justified, where should be centred), otherwise text OK
Windoze Vista/Firefox - flowers, text OK
Debian Squeeze/Firefox - blank background (except for faint outlines of header & page panels, no flowers), text OK
Vector Linux 6.0/Firefox - blank background (except for faint outlines of header & page panels, no flowers), text OK
Windoze at Work(XP?)/Firefox - flowers, text OK

So it seems to be a Linux thing (except for the justification in IE7), but why?

Could have a quick look at it for me, and let me know which OS/browser you're using, and whether you see flowers or not?

Many thanks.

Re: Website Backgound Display
« Reply #1 on: 04 January, 2013, 10:21:59 pm »
Android and Chrome looks fine.

Matt

Re: Website Backgound Display
« Reply #2 on: 04 January, 2013, 10:23:03 pm »
Many thanks, keep 'em coming... :thumbsup:

tonycollinet

  • No Longer a western province of Númenor
Re: Website Backgound Display
« Reply #3 on: 04 January, 2013, 10:23:18 pm »
Win 7

Chrome V23
Explorer 9 both 32 and 64 bit

All display correctly (flowers and centred heading)

red marley

Re: Website Backgound Display
« Reply #4 on: 04 January, 2013, 10:24:51 pm »
Flowers in background, heading centred, no obvious problems - MacOSX, Safari

But...to me, background images on web pages look naff and very dated, even when comparatively subtle. Just because you can, doesn't mean you should.

Kim

  • Timelord
    • Fediverse
Re: Website Backgound Display
« Reply #5 on: 04 January, 2013, 10:33:16 pm »
Appears correctly on Opera 12.12 on Linux

Re: Website Backgound Display
« Reply #6 on: 04 January, 2013, 10:59:33 pm »
You could do some experimenting.

I'd start with the full long hand css for:

Code: [Select]
background:#fff url(images/background.jpg) top center no-repeat;

and see if that makes any difference...
Those wonderful norks are never far from my thoughts, oh yeah!

Biggsy

  • A bodge too far
  • Twit @iceblinker
    • My stuff on eBay
Website Backgound Display
« Reply #7 on: 04 January, 2013, 11:00:25 pm »
If you're interested in mobile devices...

It's annoying on my BlackBerry Curve.  I can faintly see that there's supposed to be something in the background, so I tilt the screen a lot make it appear properly, which makes the text unreadable.  The backlight setting makes no difference.  Browsers tried: BB and Opera Mini.
●●●  My eBay items  ●●●  Twitter  ●●●

Jaded

  • The Codfather
  • Formerly known as Jaded
Re: Website Backgound Display
« Reply #8 on: 04 January, 2013, 11:47:09 pm »
Safari ipad looks ok
It is simpler than it looks.

Re: Website Backgound Display
« Reply #9 on: 05 January, 2013, 08:16:51 am »
Flowers in background, heading centred, no obvious problems - MacOSX, Safari

But...to me, background images on web pages look naff and very dated, even when comparatively subtle. Just because you can, doesn't mean you should.
The website works fine on a Mac, in both Safari and Chrome.

However, the shading is too subtle for the LCD screen. The colours of the flowers and their backgrounds are washed out to white, and are only visible as a pleasing image when the viewed from some angles.
Quote from: Kim
Paging Diver300.  Diver300 to the GSM Trimphone, please...

Re: Website Backgound Display
« Reply #10 on: 05 January, 2013, 08:24:43 am »
Ubuntu 12.04 / Opera 12.2

Text OK  background OK but a bit washed out.

Re: Website Backgound Display
« Reply #11 on: 05 January, 2013, 12:54:04 pm »
Thanks for the feedback everyone.  Really useful to know.