I have written a quick page up in HTML styled with CSS to illustrate the layout of a website for a friend. However, this although the page displays correctly in Firefox, there are a couple of issues when displaying in IE. For some odd reason, although the div classes of each element to the left are virtually the same as those on the right, the ones on the right are the only ones displaying the correct image padding and margins. Also, the text in each element shows a line gap between the third and fourth line of text which should not be there, and indeed isn't there when this page is loaded in Firefox.
Sorry for my poor explanation of this problem, but if you view the page in both Firefox and IE, you'll see my problems in IE.
http://djned12.webng.com/
Why is this not displaying correctly in IE? It displays correctly in Firefox?windows 95
Looking into it, but you're missing a closing bracket in your div.shop_summary_right style which seems to alleviate some of the problems once fixed.
[EDIT1] Please update the CSS file when you get the chance. It'd make it much easier for me to work with. ;)
[EDIT2] Looks like the only other difference I can spot in IE6 and Firefox is the line-height of the paragraphs.
Try this?
div.shop_summary p
{
line-height: 1.2em; /* If this doesn't fix it, try 14px */
margin: 0;
padding: 0 15px 15px 15px;
text-align: left;
}
[EDIT 3] Happy to hear you resolved the problem. Sorry I couldn't be of additional help.
Why is this not displaying correctly in IE? It displays correctly in Firefox?download ie internet explorer
are you using IE 7 cause they look the same to me
IE has many issues with the standards of CSS in the past and also in the present scenario. Standard CSS with margin tags are also taken oddly by IE.
No comments:
Post a Comment