CSS Alignment Issues with IE

Question

This page is showing different alignment in Internet Explorer to other browsers. Could you guide me in correcting it.

I would start validating the HTML you have a few errors http://validator.w3.org/check — elclanrs, Jul 24 '13 at 05:35
Fixing Quirks mode should come before that. Also it would help to say what you are observing and what is off to your eye. To mine it looks identical in IE. — Joey, Jul 24 '13 at 05:53
Note: I removed the PHP Contact Form from the question again because a) It belongs in another, separate question and b) You have provided no code for it so we cannot help. — Benedict Lewis, Jul 24 '13 at 06:19
hey @elclanrs thanks.. the link you gave solved my problem.. thanks a lot — user2446821, Jul 24 '13 at 09:01

score 0 · Answer 1 · answered Jul 24 '13 at 05:51

It may be IE transparency issue on style.css-(ul.accordion li .bgDescription). Refer http://css-tricks.com/css-transparency-settings-for-all-broswers/

and try to change transparency code or write seperate code for ie browser transparency. Hope it helps.

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

Please add a proper document type at the start of your document. IE is rendering document in Quirk Mode.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In IE 10 your page is rendering correctly, IE 9, 8, 7 having issue. Apply above fix and it will solve the problem.

For your second problem refer to following

edited May 23 '17 at 11:49

Community

answered Jul 24 '13 at 05:54

Taimur Khan

Rendering is nearly identical with Quirks or Standards mode, so this is more general advice than an answer to their question. – Joey Jul 24 '13 at 05:56
@Јοеу Please read the following article (side note). http://www.cs.tut.fi/~jkorpela/quirks-mode.html – Taimur Khan Jul 24 '13 at 05:59

2 Answers2