Layout Not Correct in IE 11« Back to Questions List
My design which is working pretty well in Chrome, Safari, FireFox on Mac and Win but when I load up IE 11 it is just a mish mash. I have check the IE6+ button and that didn’t make any difference. What am I doing wrong? Jeff |
This question has been resolved, view the correct answer now!
Bold Headings IssueWe have found that most browsers render headings eg. CSS Background Position IssueWe found that FireFox does not translate background images which specify the Bold and Strong IssueDO NOT USE Text Size IssueExport Kit will measure the size of your Text element in your PSD and translate the size for HTML, because browsers render text differently (see the example below), you may run into situations where your text looks the same on some browsers/devices but very different on others. This can happen often in IE as it renders fonts very differently than other browsers. QUICK FIX: increase the size of your Text element in your PSD and this will accommodate for slight differences in font size and rendering. |
✓ Correct Answer | |
---|---|
This is not actually you – it’s the browser (short answer)There are several possible reason for this, some are simple while others are extremely specific in nature. All browsers and devices render fonts, sizes and effects differently – Resource #1: //exportkit.com/learn/video-tutorials/before-you-export-videos/photoshop-vs-image-vs-browser-rendering – everything renders differenlty Resource #2: //exportkit.com/learn/video-tutorials/before-you-export-videos/browser-text-rendering – fonts have the least support across all browsers DetailsWe have noticed that recent updates to all browsers have broken may previously working style sheets, E.g. If you add a background-image to CSS but you change the position of the image – Chrome, IE, Safari work 100%, but FireFox breaks! It seems all browsers are updating their HTML parsing and this is changing how stylesheets will render. We will use this post detail some of the differences we find between browsers + correct the IE11 issue, more info to come. |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.