homepage Welcome to WebmasterWorld Guest from 54.234.74.85
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
background color rendering inconsistency
background color issue
knowledgenotebk




msg:4467387
 11:28 pm on Jun 19, 2012 (gmt 0)

Hi,

Here's the HTML code for background color of an iframe,
style="background:#BDD3FF"
or
style="background-color:#BDD3FF"
(don't recall which one for the source code is on another machine, not handy now).

What happens is:
with one good laptop like Lenovo high end laptop, the background looks light blue, nice
but with some second tiered laptop, the background looks deep blue, bad.

Oh, I should have in both cases, we use Chrome 19 and both are on Windows 7.

How could we overcome this problem?

tia.

 

Leosghost




msg:4467393
 11:47 pm on Jun 19, 2012 (gmt 0)

Depends on the screens, the graphics cards, and how they are adjusted..

And as you can't adjust the ones that your visitors have..you'll need to "get over it"..websites are "interpreted" they are not "immutable" ..:)

knowledgenotebk




msg:4467405
 11:57 pm on Jun 19, 2012 (gmt 0)

I can't "get over it", if it does not look good it compromises use experience... I expect most users would use default setting for his/her graphics card.

[edited by: tedster at 5:55 am (utc) on Jun 20, 2012]

tedster




msg:4467412
 12:11 am on Jun 20, 2012 (gmt 0)

There really is no fix - it really is out of your control. You can get more consistent color results by restricting your color choices to "web safe colors" like in the old days - but even then, it's not in the HTML, it's in the user's equipment.

Sometimes using a background image that is one solid color gif also gets around this kind of issue - but again, not 100%.

Marshall




msg:4467414
 12:13 am on Jun 20, 2012 (gmt 0)

The best way to ensure a more even color is use a small background gif, jpg or png. While not perfect, it does provide for more consistent rendering.

Marshall

knowledgenotebk




msg:4467425
 12:31 am on Jun 20, 2012 (gmt 0)

thanks for all the thoughtful input. using image increases download size and loading speed...
Now, how about this? Have a default color and give the user two more color choices via Settings?

How may give you guys my link quickly and doing so going with the rules etc. thanks.
oh, include it my profile, how's that?

[edited by: tedster at 5:55 am (utc) on Jun 20, 2012]

Leosghost




msg:4467428
 12:38 am on Jun 20, 2012 (gmt 0)

You need over 100 posts, before anyone except yourself, can see it in your profile..( cuts back on the spammers , and hopefully encourages people to stick around and contribute ;-) ..plus until "it" is "pulled" ..we have it now..

knowledgenotebk




msg:4467430
 12:48 am on Jun 20, 2012 (gmt 0)

wow, 100 posts is a lot... all right I'll stick around... btw, ppl are intelligent they'll quickly figure it out by looking at my username... let's see...

Leosghost




msg:4467436
 1:06 am on Jun 20, 2012 (gmt 0)

Look at tedsters count, or g1smd or netmeg or rocknbill or very many more here ..even a recent addition lucy24, her and g1smd and phranque are helping everyone at the apache forum , while Jim isn't around, and g1smd was doing so.. seems since "forever" [webmasterworld.com...] :)..all good stuff..

If things "bug you" ..( even though as now both ted and I have said you'll need to just let this particular colour rendition thing go as it really is not in your control..and it used to be soooo much worse in the days of cathode ray monitors ;-)..you'll get drawn in to reading ..and posting ..and thus contributing ..and you won't notice the post count go by ..nor will you care ..:)

knowledgenotebk




msg:4467444
 1:51 am on Jun 20, 2012 (gmt 0)

" reading ..and posting ..and thus contributing", I like that statement.
slightly off topic, my current landing page is static (not exciting enough), would there be another solution other than hiring some graphics designer?

Marshall




msg:4467447
 2:51 am on Jun 20, 2012 (gmt 0)

using image increases download size and loading speed...


A 10px square image or smaller really will not make much of a difference. in loading time. Can't have your cake....

Marshall

rocknbil




msg:4467669
 5:03 pm on Jun 20, 2012 (gmt 0)

I can't "get over it", if it does not look good it compromises use experience... I expect most users would use default setting for his/her graphics card.


This is what everyone is telling you - "the default" may be limited to 256 colors and the one you've chosen is outside that color gamut. "Most" users don't even know what a graphics card is.

The best way to ensure a more even color is use a small background gif, jpg or png.


If the color gamut on a given system is limited for styled colors, it will also be limited for an image color, it's still rendered by a browser.

using image increases download size and loading speed...


You can use sprites or a 1 X 1 pixel image. But it's not likely to help, see previous. :-)

If the color is shifting over different browsers/operating system, you need to be quick on your feet and find a good compromise that doesn't interfere with your concept of "user experience." Honestly, the shade of blue a user sees isn't going to sway them one way or another. Your choice may only be a few cells off from web safe. Restrict your palette to web safe as tedster suggested and give it another go.

Leosghost




msg:4467677
 5:30 pm on Jun 20, 2012 (gmt 0)

^^^ just realised I double "ll"ed you again earlier in the thread rocknbil..( ashamed face smiley ) ...too late to edit..Sorry :)

rocknbil




msg:4468025
 4:10 pm on Jun 21, 2012 (gmt 0)

LOL . . no worries. The origin of the handle is kind of odd. It comes from "rockin' bill" and my band days, but I'm still rockin'. The last L got nixed for some early (like, prehistoric) system that only allowed an 8 character user name and it stuck. I've had people interpret it as a buff gay couple (rock and bill") :-)

knowledgenotebk




msg:4468165
 10:27 pm on Jun 21, 2012 (gmt 0)

I'm in a BIG, BIG, SERIOUS trouble (not technical, Roanoke, VA)...

knowledgenotebk




msg:4468347
 2:11 pm on Jun 22, 2012 (gmt 0)

Back to the tech space...
so, the new question is, what are the two best alternative colors for #BDD3FF if the user's graphics card does not support it?
tia

Leosghost




msg:4468355
 2:16 pm on Jun 22, 2012 (gmt 0)

Look up "websafe colours" ( there are / were only 256 of them in the days when us "old timers" used to bandy such terms about ;- ) or open any image editor that uses .gif and look at your colour next to the gif 256 colour swatch..then make your choice(es) :)

Search "websafe colour chart" ..leave the quotes on ..will get you a single page, with them all in the one place ..:)

knowledgenotebk




msg:4468359
 2:22 pm on Jun 22, 2012 (gmt 0)

ok, thanks.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved