954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Minor CSS problem -- need urgent help

Hi
I am having CSS issues in my website.
http://tinyurl.com/kqcll2

It is giving good output in FF, Chrome, Safari, Opera etc but IE is driving me nuts.

You can see 2 major issue
1. Whole content sticks to the left side although fine in other browsers(there seems to be some problem with "margin: auto" which is not picked by IE(7) for some reason)
2. The right column drops down.

It will be great if someone can help me in this regard.

Thanks in advance

a_m_rana
Newbie Poster
2 posts since Jun 2009
Reputation Points: 10
Solved Threads: 0
 

Hello,

Please post your CSS so we can see what's up

athlon32
Junior Poster in Training
97 posts since Jan 2009
Reputation Points: 67
Solved Threads: 16
 

you will need to have a conditional comment for IE. for example it should read

body {
   text-align: -moz-center;
   text-align: -khtml-center;
}

<!--[if IE]>
body {
   text-align: center;
}
<![endif]-->
MJ Pieterse
Junior Poster
145 posts since Mar 2009
Reputation Points: 13
Solved Threads: 18
 

In my IE 7 8, is centred
Mozilla centered
opera centered
avant centered

clear the ie cache and try again, may be old css files in the browser cache
put the site on http://www.browsershots.org to see what it looks like on a larger number of browsers

tinyurls make everyone assume you are a spammer or malware-er

almostbob
Posting Sensei
3,149 posts since Jan 2009
Reputation Points: 571
Solved Threads: 376
 

I think the problem is that you are seeing what happens when the page does not fit in the browser window horizontally. Different browsers react differently to unexpected errors.

The page is too wide for many computer screen resolutions.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

Thanks for solutions. Got the real bug.

--IE is crazy and God help them or rescue developers from it--

The problem is, in IE the first line of the html code must be
...............................>

You cannot even write commented code before that. All the other browsers allow it but it is not accepted by IE. Its a IE special feature. Took me 2 days to sort out. Pathetic.

Thanks anyway all of you

Ahmed

a_m_rana
Newbie Poster
2 posts since Jun 2009
Reputation Points: 10
Solved Threads: 0
 

Without a doctype, IE goes into quirks mode. Always provide a valid doctype tag.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You