Page 1 of 1

No News with Internet Explorer .......

Posted: Sat Jul 22, 2006 12:51 pm
by Donoss
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

Re: No News with Internet Explorer .......

Posted: Sat Jul 22, 2006 2:39 pm
by mahjong
The news appear, but are pushed lower because IE doesn't handle floating block's widths correctly.

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%;
    }
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.

Re: No News with Internet Explorer .......

Posted: Sat Jul 22, 2006 2:44 pm
by mahjong