i wanted to try out blueprint and worked just fine from at the beginning then i put the website online and to my surprise nothing worked in ie? is there any css guru that could guide me on what i've might have done wrong here?
http://kurdiskainstitutet.se/
as i said works perfect on everyother browser but internet explorer
Well, I can run Google searches for you ... These posts may help:
Post #1 and Post #2
Related
I have a website that I designed based on the "Holy Grail" layout described in this A List Apart post. A recent Chrome update broke it. You can see the results on the example page for the article (I also made it into a fiddle). Open it in Firefox to see what it should like and in Chrome to see what's happening now.
I realize that this technique is super dated, and I have plans in place to redesign it with Flexbox. But, that will take time, and I was hoping to get it working again quickly in the meantime while I work on a redesign. You can read more about LayoutNG on this page.
Does anyone know any tips and tricks to fix this? Is there a Chrome bug already open that I can follow?
Update: I decided to test it in Canary (v79), and the layout works perfectly there. It's still broken in Beta though (v78). So, I could wait until the current Canary gets released, but that won't be until December according to current estimates. So, I would still like to find a quick fix between now and then if one is available.
Here's some code to make SO happy:
SO won't let me post a link to jsFiddle without code...smart
It turned out to not be that hard to reimplement the layout with Flexbox. So, I just did some good old fashioned user agent sniffing to detect broken Chrome versions and load a small CSS snippet to override the appropriate styles.
We built a Joomla website for one of our clients which can be located at:
http://mayslakeministries.org/
Although everything was looking fine from our end, the client was seeing the website as if no CSS was being rendered. Unfortunately, I do not have a screenshot at the moment. I will try and get one up here in the next hour or so if we don't come up with a resolution. (If anyone is able to see the mess that I'm describing, if you could post a screenshot that would be appreciated as well. We have limited testing equipment available and it's hard for us to reproduce.)
But here is what we've concluded: the website works fine in Chrome and Firefox on all systems. It works fine with IE10 on all systems as well. However, as soon you switch to IE9, things get strange.
IE9 will work fine if you are on Windows 8, but if you are viewing in IE9 from Windows 7 or Vista, things look as if the CSS isn't being loaded.
Any help would be appreciated. If you view the site and find that the information I've provided contradicts what you are seeing, then let me know. We have limited equipment to test with, so it was difficult for us to be able to see the problem.
This is the first time I've encountered a problem that only occurs on a certain OS.
Oh! One more thing I think is worth mentioning. The Joomla template we are using works fine even on Windows 7 IE9. So we believe it's something that we have done to the website that changed it's behavior.
Here is the Joomla template demo:
http://www.astemplates.com/itempreview/186
Alright, it took is a few days, but we finally figured out the problem.
IE apparently has a limit to the number of resources that can be linked to the page at one time. Our Joomla site has around 200 JS/CSS files being linked through the source, and this caused IE to bug out and not load our CSS properly.
This is one of the strangest problems I've had to deal with, so I'm very glad it's fixed.
I am new to HTML 5 and I recently created a page that has an issue. I grouped my navi links together with a tag and it works great. The problem is that none of the other links on the page work at all. This may be an obvious fix but I have been struggling for hours. I can provide code but its 400 lines and I thought someone may have an idea.
Thanks for all your help
-Tom
For starters make sure your markup is valid. A good way to start is using the W3C Validator. If that is valid do the same with the JavaScript using JS Hint or JS Lint. And don't forget to check the developer console in Chrome or FireFox as it might show errors as well.
I have built a website(asp.net): http://avior-ins.co.il/
I can view the site on my computer(I have checked Firefox, safari, chrome and explorer and everything's OK), but the customer says that the CSS seems to be defective when he use iPad.
I don't own an iPad/iPhone, but I don't see any problem when I use my android phone(Motorola droid razr). I have also checked the site http://ipadpeek.com/, which is supposed to be a kind of iPad emulator and I don't see any problem.
Will you please check the site from Ipad and tell me what can cause the bug?
Thanks from advance!
In case you run into too much trouble developing a one-size-fits-all web page, you can have an ipad version of the page and then use detect/redirect strategy.
http://davidwalsh.name/detect-ipad
This fellow has a few nice approaches to that already worked-out.
Thank you all for the help. The real problem was an tag with text-indent -9999px.
It was placed on the site's menu and when I removed it, I looked ok.
Anyone having problems with discus in IE? Works fine in FF but reports problem with thread.js in IE. (runtime error)
Disqus works fine on other sites in IE, but non on mine. Maybe ASP.NET conflict.
I have jQuery and addthis on the page but if I comment these the problem remains.
I'm afraid I don't see errors when I visit the link above.
You should probably give details for the error and also let us know which version of IE you're using and on what OS.
Perhaps with some more I (or someone else on SO) can help you. However, you might want to check out some other Disqus resources such as:
http://groups.google.com/group/disqus-dev