CODEWITHSUNDEEP
htmlcssinternet-explorerfirefoxgoogle-chrome
Joshua Fox
Joshua Fox

Reputation: 19655

Why is div width rendered so differently on IE & FF in contrast to Chrome, Opera, & Safari?

On saveadullam.org/pages/media.html, the main text section correctly covers the full width in Chrome, Safari, and Opera. But in IE7 and FF3, it only covers 2/3 of the width. See images. The bilingual text is in a table, which I know is taboo, but the problem here is in a div that holds the whole table, and not within a table-based layout

I know that IE has its rendering problems, but here IE and FF misbehave the same way. (The stylesheet is here.)

What is the problem?

(Edit: Solved for FF, but not for IE.)

enter image description here enter image description here

Upvotes: 0

Views: 522

Answers (1)

Rohan Patil
Rohan Patil

Reputation: 2348

Just remove width:70% from .mainBody from css. It works on FF.

.mainBody {
    vertical-align: top;
}

Upvotes: 2

Related Questions