- This topic has 13 replies, 2 voices, and was last updated 3 years, 1 month ago by Tom.
October 10, 2017 at 4:34 am #400520Mårten
Hi, I have a website that works fine in Chrome, Firefox and phones. In Internet Explorer on the other hand, I got problems. The first thing is that the font doesn’t work. I use my own. The second thing is I got a horizontal scroll and the page gets big, instead of responsive.
The site: http://skaraborgsfilmfestival.se/
Do you know what the problem may be?
MathildaGeneratePress 1.4GP Premium 1.4.3October 10, 2017 at 10:01 am #400781TomLead DeveloperLead DeveloperOctober 11, 2017 at 12:11 am #401110Mårten
I removed the css and it still look the same! What about the font-problem?October 11, 2017 at 10:11 am #401422TomLead DeveloperLead DeveloperOctober 11, 2017 at 10:55 pm #401707Mårten
I tried to delete the logo, it went better, but in the others browsers, the logo adapts to the screensize, it’s like the page loses it’s responsivity in explorer!
I’m using “Font Organizer” It works in the other browsers, it’s just explorer that make no sense!October 12, 2017 at 10:16 am #402095TomLead DeveloperLead Developer
Maybe try removing the display:flex code from your header/site logo/header widget for now – it might be messing IE up.
Otherwise you can just resize the image to fit inside your container, which would be better for site speed anyways.October 12, 2017 at 11:00 pm #402386Mårten
I changed the image to fit the container and it looks good on my big screen. But if I resize the browser, the horizontal scroll comes back. I think we can live with that. I just under 1200px, and how many people uses a computer with size of the screen and explorer…
But the font-problem, do you know have any idea why it’s different in explorer?October 16, 2017 at 11:29 am #404341TomLead DeveloperLead Developer
I wonder if it’s the display: flex CSS you have applied to the site-logo and header-widget. Might be worth removing that CSS just to test. I can’t see any other reason.
Perhaps this will help with the font issue: https://stackoverflow.com/questions/30174622/font-face-not-working-with-specific-version-of-internet-explorer-11October 16, 2017 at 10:47 pm #404612Mårten
I have not applied any flex CSS, but I can see that it’s there. The thing is, there is no layoutplugin installed, so where does the flex comes from?!
Thanks, I try that!October 18, 2017 at 4:50 pm #405913TomLead DeveloperLead DeveloperOctober 18, 2017 at 10:33 pm #406015Mårten
Yes, sorry. you where right. I used it to put the headerwidget under the “logo”. Is there any other way I can put the text right under the logo without flex?
I found out that I needed woff-format for the font, btw! So now it works fine in every browser.October 19, 2017 at 12:03 am #406047TomLead DeveloperLead DeveloperOctober 19, 2017 at 12:22 am #406064Mårten
Thank you, that was perfect!
Thanks for all the help, have a great day!October 19, 2017 at 12:27 am #406067
- You must be logged in to reply to this topic.