Clicky

Hi, my css looks the way I want it to in Firefox but in Chrome it looks terrible!!

Can anyone tell me why????????

http://www.cs.iupui.edu/~tleithof/n300/final.html#necklaces

asked 12/12/2011 02:52

FairyBusiness's gravatar image

FairyBusiness ♦♦


9 Answers:
I've looked at it in Chrome 11.0 and it looks fine.
link

answered

coogsirc's gravatar image

coogsirc

it looks the exact same as firefox?? pink all over??
link

answered 2011-12-12 at 10:56:17

FairyBusiness's gravatar image

FairyBusiness

No.  Some of your CSS doesn't make any sense.  You have #fff7fd for a background-image in .ui-body-c.  And anything starting with '-moz' is probably ignored by Chrome which is a Webkit browser, not a Mozilla browser.
link

answered 2011-12-12 at 11:07:01

DaveBaldwin's gravatar image

DaveBaldwin

CSS declarations using the -moz prefix are supported by Firefox but not Chrome. Chrome supports the -webkit prefix. Try adding the webkit declaration:

1:
2:
3:
4:
.ui-body-c {
	background: -moz-linear-gradient(center top, #FFF7FD, #FFF0FB) repeat scroll 0 0 #FFF7FD;
	background: -webkit-linear-gradient(center top, center bottom, from(#FFF7FD), to(#FFF0FB)) repeat scroll 0 0 #FFF7FD;
}
link

answered 2011-12-12 at 11:14:56

xmediaman's gravatar image

xmediaman

this is my .ui-body-c

.ui-body-c {
      background: -moz-linear-gradient(center top , #fff7fd, #fff0fb) repeat scroll 0 0 #fff7fd;
}

where do you see a color for an image?? does it show that in the source code?

can I replace -moz with -webkit everywhere??
link

answered 2011-12-12 at 11:24:28

FairyBusiness's gravatar image

FairyBusiness


that's because you are using firefox attribute
 -moz-linear-gradient(center top , #FFF7FD, #FFF0FB) repeat scroll 0 0 #FFF7FD;

to view the same background gradient you have to use both -moz for firefox and -webkit-gradient for chrome

link

answered 2011-12-12 at 11:25:17

mt_spy's gravatar image

mt_spy

If you "replace -moz with -webkit everywhere" then Firefox and the Mozilla browsers will not recognize it.  I didn't see a gradient on that page in Firefox anyway.
link

answered 2011-12-12 at 11:27:16

DaveBaldwin's gravatar image

DaveBaldwin

look at my back button in firefox vs chrome.  thats the things that looks the first (the arrows), I cannot figure out how to make it look good in chrome.

here is my css for the arrow icons

.ui-icon {
      background-image: url("images/icons-36-white.png");
      background-color: #ff53d8;      
}
link

answered 2011-12-12 at 11:28:14

FairyBusiness's gravatar image

FairyBusiness

thanks!!
link

answered 2011-12-12 at 11:37:12

FairyBusiness's gravatar image

FairyBusiness

Your answer
[hide preview]

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Tags:

×51

Asked: 12/12/2011 02:52

Seen: 374 times

Last updated: 12/12/2011 03:49