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.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
My my website is not scrolling. This is the site https://www.wohooo.net/
It was scrolling before and then suddenly stopped. I am unable to troubleshoot it extensively because I created it with Adobe Muse. I have tried on multiple browsers and computers but is still the same for me.
Add this to the css file:
html {
overflow:scroll;
}
If it still doesn't work, try this:
html {
overflow:scroll;
width:110%;
}
Hope this solves your problem!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Chrome was the only browser to pick up the :first-letter in my CSS. Solved
Found this selector which is hiding it.
.old-price:first-letter {
visibility: hidden;
}
You can find it yourself in the chrome developer toolbar.
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 8 years ago.
Improve this question
I'm looking at a review system for my site, and currently the implementation has it shown at the very bottom of the page (please see the url: http://tinyurl.com/mlvq48w)
I think DIV.yotpo.reviews.yoNoPad is what encompasses the whole thing.
Can someone tell me how to move that up to the top using css so that it will be cross-browser compatible?
I'm not too concerned about obscure or very old browsers.
Remove clear: both; from .yoyo. This is the same DIV you mentioned.
Or
Add display: inline-block; instead of display: block; as Keith mentioned below.
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.