HTML Forum

**sirNemanjapro** · 05-08-2007, 09:06 AM

Hi!

I'm trying everything to make layout stand proper in IE7 but it seems its getting the best of me.

I tried with all possible conditional comments that I can use but the IE just refuses to accept them:

Code:

<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->

<!--[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6<br />
<![endif]-->

The site I'm talking about is > here.

I have tested this locally and on line, both times the same.

I just need help how to make IE7 read the blody .css file. :crazy:

**LadynRed** · 05-08-2007, 10:33 AM

Nothing wrong with your conditional comments, but you need to remove this from your page:

Quote:

<?xml version="1.0"?>

It throws IE into Quirks mode.

**c258** · 05-08-2007, 04:51 PM

I don't think it has to do with your comments tags. I'm thinking the reason why its not working correctly is because you site is not designed in tables. When I viewed the source all the css is referencing <div> tags. Firefox and IE view <div> tags differently (I had the same problem in the past).

**LadynRed** · 05-08-2007, 06:40 PM

Quote:

Firefox and IE view <div> tags differently

That is SO wrong and tables would be WORSE !!!

Quote:

I don't think it has to do with your comments tags.

The xml declaration is NOT a 'comment' and it specifically throws IE into fits !

**sirNemanjapro** · 05-08-2007, 09:28 PM

LadynRed, is 100% correct.
I still cant believe how stupid have I been not to see that.
I'm really sorry.

Thank you!

**Learning Newbie** · 05-08-2007, 09:52 PM

Quote:

Originally Posted by c258

I'm thinking the reason why its not working correctly is because you site is not designed in tables.

Aaaaaaaagggggggghhhhh!!!!!!!

Now that I got that off my chest, NO TABLES.

**sirNemanjapro** · 10:34 PM

I must add, I have erased <?xml version="1.0"?> as LadynRed said. But All I got was strange behavior of IE 6.

So considering that will not work, or I cant do this right, I must ask for further assistance from here.

Is there a way, any way, to serve IE 7 one set of CSS files, and to all the others another set of CSS files ( current ). Because I cant think of anything right now ( 4AM ).
I'm considering some JavaScript could do the trick, but, php also is an reasonable option.

What do you think?

Is there some out-of-the-box solution or it must be custom made?

btw on the tables sub-topic
I'm doing tables sites for a year and few months now. No turning back.
Wanna be a pro, you got to work as a pro.

**vangogh** · 05-09-2007, 12:37 AM

I'm wondering what the issue is. I checked the page in Firefox and IE and both looked the same to me.

You can use some javascript browser detection to serve different css files and a quick search should give you plenty of results, but it's a messy solution. The conditional comments should work. I'm wondering if using the gt IE 6 is throwing things off a bit since that conditional comment would also apply to IE7.

**sirNemanjapro** · 08:29 AM

I tried with setting IE7 in conditional comment but I get the same thing.
I cant force IE7 to read the css file I want him to. Here is what I have found on the subject:

Quote:

How to trigger quirks mode

Some doctypes (Sivonen; Gutfeldt; Bergevin) or the inclusion of an <xml> declaration, trigger “quirks mode” or backwards compatible mode in IE 6. In that case, IE 6 acts like IE 5.5, and shares the same bugs, problems and behaviour as its elder brother.
In IE 7, an <xml> declaration no longer changes the rendering mode (Campbell). Authors who want to keep all versions of IE up to IE 7 in quirks mode (without affecting other browsers) cannot rely on this anymore. However, inserting a comment before the doctype (but after the <xml> declaration) will still trigger quirks mode in IE 7, as in the example below.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Quirks mode in IE 7 can also be triggered when coding HTML 4.01 documents. Inserting a comment before the DTD will trigger this backwards compatible mode in both IE 6 and IE 7.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Check the rendering mode

It isn't always obvious which rendering mode a browser is in. In IE address line, type in:

javascript:alert(document.compatMode)

A bookmarklet (Dorward) may help you determine which mode a document is in. Right-click on the following link in IE and bookmark it: QorS Mode.

resource from here

AND I DID IT!

Solution is to put the comment after the <xml> declaration and before doctype. I think this should be a sticky.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!