Hi,
I've setup a website www.donoss.com with news on the home page. I use Firefox and the news displays fine, however I recently noticed that when a friend of mine using IE accesses the page the news does not appear? Any idea's why this is so? and how can I rectify the situation?
Many thanks
Andy
No News with Internet Explorer .......
Re: No News with Internet Explorer .......
The news appear, but are pushed lower because IE doesn't handle floating block's widths correctly.
Firefox (as any other standard compliant browser) will correctly calculate the width in proportion to the container. So, width:45% is interpreted has 45% of the usable space available in div#container.
Buggy IE will instead calculate 45% in proportion of the total width of browser window, completely ignoring the padding and margins you have specified.
Code: Select all
div#main {
float: left;
width: 45%;
display: inline;
margin-left: 2%;
}
div#content2 {
float: left;
width: 24%;
display: inline;
padding: 0 1% 0 2%;
}
Buggy IE will instead calculate 45% in proportion of the total width of browser window, completely ignoring the padding and margins you have specified.