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
Would really appreciate if anyone could take a look at my site and let me know why the elements on my landing page don't show up in Internet Explorer.
Everything works fine in Firefox, Safari and Chrome at least, but nothing appears at all in IE. I think the elements are there they are just invisible as if the mouse hovers over where the button or input box should be, the cursor changes.
I've tried cancelling out various parts of the HTML and CSS to see if anything triggers it to come back in, but to no avail so I'm truly stumped.
Really appreciate any help.
http://fitmumscoaching.co.uk/landing
Cheers,
Pinchy
It works in IE 7, IE 8 but not in IE 9.
In style.css line number 925 instead of opacity: 0 make it 1. It will be displayed in IE9 also.
Or you can simply remove opacity from below.
#banner, #banner2 .inner {opacity:1;}
As far as I can see:
It works in IE 11 and IE 10.
I think you should make your site IE 9 and less compatible.
Some elements from HTML5 may not be used in these versions though.
Please use this in your head section:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
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 6 years ago.
Improve this question
I am working with a Joomla 3 website and experiencing some issues with the scrolling functionality of an off-canvas sidebar.
It works fine in Chrome and FF, however in IE the visible scroll bar won't scroll when you try move it by clicking your pointer and dragging. It works if you scroll with the mouse wheel, but not the cursor.
The website can be seen here. It's the slide in menu to the right.
Is it a css or javascript issue?
I have contacted the developers of the template and I'm awaiting a response. Just wondering if anybody else can shed some light as to why it won't work?
Any help is appreciated.
As mentioned here in stefan.s answer, all you have to do is add -ms-overflow-style: scrollbar; to the html element.
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 7 years ago.
Improve this question
Problem with IE10
I've just create a new site for our company: http://mobilereality.pl/ and I'm so close to finish it but now I'm facing up to some problems with this site in IE 10 on Win7. I don't know why but on IE10 site have not bigger part of text. I can say that IE is displaying absolutely nothing apart from some pictures and sections. Furthermore, this is website with two languages and when I was making this I was using AngularJS. Scope contains data and you can change this with clicking on lang button. I'm going to say that all text on this website is part of scope in AngularJS and when we run this site on IE10 we can not see a text on website but in the Contact Section on bottom of website we can, which is making me more confounded. If someone know how to solve this problem I will be grateful. Really I need help with this. I was looking for similar problem but I didn't find something helpfull. There is picture : website on IE10
You meed to add
<!DocType html>
Above your page start, which will select document mode correctly on IE.
Also you could make your IE browser to render IE9 mode by adding meta tag
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 years ago.
Improve this question
The font Avenir Next is not displaying/rendering the same on Safari as it is on Google Chrome and Firefox. Is there a way to fix this or to use a separate font for my webpage on Safari? How would I go about this?
I would prefer the solution to be pure html/css (perhaps there is an #media for browsers?). If not possible I could use javascript or jQuery.
EDIT: Solved, the problem is Safari font-smoothing. See my own answer below
Well you say JS is a possibility even if it's not your preference.
I wrote a library about 100 years ago called BAPS (browser and plugin sniffer) which detects a whole host of stuff and adds body classes.
http://vostok.xyz/cdn/baps.js
You don't do anything to it - you just include the script, and end up with a bunch of body classes if you inspect the DOM.
Safari has its own separate font-smoothing (that is, an automatic function adjusting the font to render nice and proper)from other browsers like Chrome or Firefox.
In the case of discrepancies such as those I encountered, we can manually alter the automatic font-smoothing in our CSS with
-webkit-font-smoothing
In my case, font-smoothing on Safari was automatically set on antialiased, while the standard (font-smoothing used on Chrome and Firefox) was subpixel-antialiased.
Simply added:
-webkit-font-smoothing: subpixel-antialiased !important;
And the font now displays the same as in Chrome and other browsers.
For more on Safari font-smoothing: http://maxvoltar.com/archive/-webkit-font-smoothing
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 7 years ago.
Improve this question
box-shadow effect is not working in my safari 5.1.7
I have tried with -moz-box-shadow and -webkit-box-shadow also.. but safari is not even showing that options.
How to get box-shadow effect??
Safari 5.1.7 for windows is an old browser. The browser has been discontinued.
From wiki
Safari 5.1.7, released on May 9, 2012, is the last version available for Windows
So, in other words, safari for windows does not have box-shadow. Two alternatives;
Use a .png file to display the shadow.
Use a solid border
My suggestion, don't bother at all. The browser is dead. Don't spend much time trying to make the shadows look beautiful.
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
I have problem with onepagescroll plugin on iPad device. When I click on bullets everythink works fine, but when I trying to scroll there is no one page scroll effect. I can only use normal scroll from current section (where I am from clicking on bullets) down. Scrolling up from current section is not possible. I get no error in console.
Elsewhere (desktop - Chrome, Firefox, Safari etc.) works OK. I have disabled feature on mobile.
What could be wrong?
Thanks!
I would recommend you to try fullPage.js instead.
It provides support for mobile phones and touch devices as well as for old browsers such as IE 8 and 9.