Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
Just had a frustrating couple of hours and I figured I'd haul out the big guns and ask the intertubes.
I have a Joomla site with a 3rd party template that doesn't seem to be rendering CSS in IE8, IE9 or Firefox, however Opera, Chrome and Safari are all reading it like a boss.
Site is: http://www.quizzically.co.uk
Theme is: http://joomlathemes.co/free-orange-template-for-joomla-2.5/
The internet is abuzz with questions from upwards of four years ago with this issue, but I'm not finding anything recent. The old issues are all very personal to the sites that they happened on as well so no love on the answers I did find.
My gut feeling is that something that directs to the CSS is not being picked up or is being ignored by Firefox and IE. I don't know what this is or how to begin looking so any help that can be offered would be ecstatically accepted.
Thanks.
Line 39 of styles.css has an incorrectly coded background style:
#header-w {position:relative; background:"fff }
The " should be a # for the color.
IE and Firefox are using stricter standards than the others, so break once there's an error.
Once that's corrected, the rest of the styles will load.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I am taking over an application that has buttons with this css:
background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
it looks beautiful in firefox but looks like a mess in IE, etc
what is the best way to take these clearly firefox specific css and determine the best way to make it look the same on all browsers (just need IE8+)
This tool might be a useful tool for you.
Since this CSS attribute is still a working draft of CSS and has some legacy it will require a lot of markup to be fully supported for your current situation. The -moz- prefix is one such isntance of providing support. All other browsers will required either the standard, -ms-, -webkit-, -webkit-type or -o- prefix as well.
You should look out for other spots in the application you've taken over for code that hasn't been fully tested on other browsers.
LINK
http://www.colorzilla.com/gradient-editor/
This is a matter of opinion but there are tools online that will help you generate css for gradients that works across browsers. http://www.colorzilla.com/gradient-editor/ is an example.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am developing a wordpress site for my client.
I am using Sahifa theme in wordpress.The problem here is,
the styles what i have written are loading in chrome and working well.
But those styles are not working with Firefox and IE.
I have stuck with this problem for a week and searched everywhere but couldn't find a solution.
My site link is
http://currentaffairs.allexamsmaterial.com/
Any help would be greatly appreciated.
Thanks in advance.
I have tested my answer and it seems to fix a lot of your layout problems. Line 1892 is causing the issues:
.ei-slider-thumbs li:hover img{opacity: 1; bottom: 13px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha
(Opacity=100)";}
Rewrite line 1892 in style.css to read:
.ei-slider-thumbs li:hover img{opacity: 1; bottom: 13px;}
The line breaks you had in -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) was causing firefox to stop reading the stylesheet after that point.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
While I open my site via Mozilla firefox, the edges of buttons is not smooth and well-rounded, I don't have this problem via IE10 or chrome, Please check the following screen-shot:
http://www.jomsocial.com/media/kunena/attachments/118027/bdbtn.jpg
What is wrong?
Regards
Maybe you need the -moz prefix, but I think that the latest Firefox version doesn't need this prefix. Take a look to this website
So your CSS rule should be like
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
Ps: sorry for my bad English :P
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I know the solution has to be trivial, but I am just not able to figure out why the background color from my class ('highlight') is not applying to the links marked 'sniff it here'. Sometimes it seems to apply for a moment, and then disappears. See the page here:
http://www.foodsniffr.com/blog/pumpkin-cranberry-oatmeal-cookies-vegan-vegetarian-gluten-free-healthy/
Thats weird. The included light.css (which has the .highlight style) gets rewritten to I.light.css.pagespeed.cf.kioUqT0sFU.css (which lacks that style), while the style.css isn't rewritten and throws a 404. I am assuming it's a caching problem of Wordpress, and not related to CSS.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am building a site which runs in Firefox, Chrome, Opera and IE10 perfectly but in IE9 css are not working properly for textbox and round borders.
here is my site link
http://meetmentors.in/sohil/
for testing check this page also
http://meetmentors.in/sohil/registration.php
how can I make this to compatible with IE9 or earlier versions.
Well there is an option where you can make the place-holder property work in earlier versions of IE.
You will have to include this JSlibrary.
http://jamesallardice.github.io/Placeholders.js/assets/js/Placeholders.min.js
Try this DEMO in IE9 and below. It should work.
HTML
<input type="text" placeholder="This text will dissappear once you type"/>
Regarding your second query about the rounded div's check this link