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

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
Donoss

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

Post 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
mahjong

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

Post 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.
Locked

Return to “Layout and Design (CSS & HTML)”