Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Sites look weird on several browsers

L

lpfmfan

macrumors newbie
Original poster
Oct 7, 2009
6
0
First, I'm sorry if I posted this in the wrong place...
I'm not sure if it's my macbook, but I work with websites a lot and this color thing is really bothering me--it's kinda hard to explain but when I go to some websites the colors are weird. For example: I'll make a header for my websites but when I get the hex color code for the entire background (from photoshop) it appears right but and when I view it on my other computer (not Apple) it looks perfectly fine but when I view it on Safari, Firefox, and Chrome (all on my macbook) it looks like it's a different color. I've attached pictures so you can understand me...it didn't look like this before, the pictures I've attached you should see that the colors look off, and the background image is a different colors than the background and header (I hope that made sense). It annoys me because I work with websites often and I use a plugin (in firefox) to tell me what background color I should use for the background but most of the time it's wrong and my friend tells me that the site looks weird to her. But it looks fine to me...can someone help me identify the problem? Please.

First pictures is Chrome, second is Firefox, third is Safari.

I'm talking about the colors, look at the background then the header...you'll see it's a different color
 

Attachments

  • chrome.png
    chrome.png
    193.5 KB · Views: 186
  • firefox.png
    firefox.png
    165.2 KB · Views: 152
  • safari.png
    safari.png
    176.2 KB · Views: 146
My eyesight isn't the greatest, but they all look the same to me.

bigger pictures would help

Since you're looking over two different computers, monitor calibration is a factor and probably why they look different.

Update: OH!!! never mind, are there not supposed to be sidebars? on the left and right
 
Ride9650 said:
My eyesight isn't the greatest, but they all look the same to me.

bigger pictures would help

Since you're looking over two different computers, monitor calibration is a factor and probably why they look different.

Update: OH!!! never mind, are there not supposed to be sidebars? on the left and right
Click to expand...
Your missing the alignment of the background picture, the menus, the general disarray.
 
Ride9650 said:
My eyesight isn't the greatest, but they all look the same to me.

bigger pictures would help

Since you're looking over two different computers, monitor calibration is a factor and probably why they look different.

Update: OH!!! never mind, are there not supposed to be sidebars? on the left and right
Click to expand...

I'm not talking about the sidebars, I'm talking about the colors only...
I've attached a screenshot (zoomed in) hopefully you understand what I mean..
on the left it's a darker color blue (in this case) that's the background image and the right it's a lighter blue (which I think is normal)
 

Attachments

  • bg.png
    bg.png
    6.7 KB · Views: 139
lpfmfan said:
I'm not talking about the sidebars, I'm talking about the colors only...
I've attached a screenshot (zoomed in) hopefully you understand what I mean..
on the left it's a darker color blue (in this case) that's the background image and the right it's a lighter blue (which I think is normal)
Click to expand...

Ah, ok, so basically theres two shades, when it should be just one shade of blue right?
 
Ride9650 said:
Ah, ok, so basically theres two shades, when it should be just one shade of blue right?
Click to expand...

Yes! :D I'm glad you got it now, it's been hard to explain, lol.

It should be one shade of blue, but for some reason it looks like that on my macbook, on my windows XP it looks perfectly fine (on my friend's computer too). At first I thought it was my browser (firefox) because I believe it all started when I upgraded versions, then I realized it's also on Safari...so I thought it was just those two. Finally my friend convinced me to download Google Chrome because she said she doesn't have that problem, I did and I still have it so I'm guessing it's not the browsers at all but my macbook. Any idea why it's doing this? It's rather annoying because I have to use hex colors codes all the time (using colorzilla on firefox add-on).
 
lpfmfan said:
Yes! :D I'm glad you got it now, it's been hard to explain, lol.

It should be one shade of blue, but for some reason it looks like that on my macbook, on my windows XP it looks perfectly fine (on my friend's computer too). At first I thought it was my browser (firefox) because I believe it all started when I upgraded versions, then I realized it's also on Safari...so I thought it was just those two. Finally my friend convinced me to download Google Chrome because she said she doesn't have that problem, I did and I still have it so I'm guessing it's not the browsers at all but my macbook. Any idea why it's doing this? It's rather annoying because I have to use hex colors codes all the time (using colorzilla on firefox add-on).
Click to expand...

That is wierd...the only time I've experienced something like that was on a poster I was making....well the only thing I can really suggest is to not use colorzilla from now on but instead to select your colors directly from photoshop or this great little online tool adobe put together.

I'm guessing that colorzilla just somehow misinterpreted whatever you were trying sample but why don't you post your code so we can all be sure.
 
It might be down to what type of images you're using. Some browsers render colours different across different image types. For example if your header is a jpg and the background is gif then they won't always match.
 
Band

lpfmfan said:
First, I'm sorry if I posted this in the wrong place...
I'm not sure if it's my macbook, but I work with websites a lot and this color thing is really bothering me--it's kinda hard to explain but when I go to some websites the colors are weird. For example: I'll make a header for my websites but when I get the hex color code for the entire background (from photoshop) it appears right but and when I view it on my other computer (not Apple) it looks perfectly fine but when I view it on Safari, Firefox, and Chrome (all on my macbook) it looks like it's a different color. I've attached pictures so you can understand me...it didn't look like this before, the pictures I've attached you should see that the colors look off, and the background image is a different colors than the background and header (I hope that made sense). It annoys me because I work with websites often and I use a plugin (in firefox) to tell me what background color I should use for the background but most of the time it's wrong and my friend tells me that the site looks weird to her. But it looks fine to me...can someone help me identify the problem? Please.

First pictures is Chrome, second is Firefox, third is Safari.

I'm talking about the colors, look at the background then the header...you'll see it's a different color
Click to expand...

Browser testing is the worst.

Linkin Park fansite?
 
haydn! said:
It might be down to what type of images you're using. Some browsers render colours different across different image types. For example if your header is a jpg and the background is gif then they won't always match.
Click to expand...

I understand, but I make my images and I save them all in .png, this didn't happen before by the way...just a while ago it started happening...

Ride9650 said:
That is wierd...the only time I've experienced something like that was on a poster I was making....well the only thing I can really suggest is to not use colorzilla from now on but instead to select your colors directly from photoshop or this great little online tool adobe put together.


I'm guessing that colorzilla just somehow misinterpreted whatever you were trying sample but why don't you post your code so we can all be sure.
Click to expand...

I don't think it's just cororzilla...I mean if I can take a screenshot of my problem then I'm guessing it's my computer that's doing it...I really wish I had a solution to why my computer is doing this. It's so annoying :/

thecheda said:
Browser testing is the worst.

Linkin Park fansite?
Click to expand...

I don't think it's my browser now...I think it's my macbook :/

And sorta, lol. I own a Mike Shinoda (of Linkin Park) fansite but the screenshots from above are from another website I own, just has a Linkin Park layout, haha.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back