Artisteer theme not 100% in IE9 beta


Author Message
Peter S

Posted: 10/31/2010
Quote message 

Just a small question: my site www.quovis.be loads well in FireFox, Chrome and in 'Compatibility Mode', but the edges do not load well in IE9 without the compatibility.

Is there something I should do, or is this a 'feature' of Artisteer?


 
Lawrence

Posted: 10/31/2010
Quote message 

Internet Explorer 9 is still in beta last I checked, I'd suggest waiting until it's official release. Read through this, maybe it'll be helpful.

http://windows.microsoft.com/en-US/internet-explorer/help/ie-9/why-dont-some-websites-display-correctly-in-internet-explorer-9

Consider the "Compatibility" feature of IE9. :-)
 
Clippy

Posted: 11/2/2010
Quote message 

It's IE9's odd handling of the clip property. To fix the problem, even if Microsoft doesn't, simply go through your style.css and look for "clip: rect".

If the 2nd and/or 3rd value is "auto", change it to 50000px.

Example:
clip: rect(69px, auto, auto, auto)
becomes
clip: rect(69px, 50000px, 50000px, auto)

If the 2nd and/or 3rd value is set to a pixel, leave it alone.

Example:
clip: rect(69px, 69px, auto, auto)
becomes
clip: rect(69px, 69px, 50000px, 69px)

To make it simpler:
Leave the 1st and 4th value alone ALWAYS.
If the 2nd value is auto, change it to 50000px.
If the 2nd value is a px, leave it alone.
If the 3rd value is auto, change it to 50000px.
If the 3rd value is a px, leave it alone.

Understand that sometimes you may need to change the 2nd value but not the third, and vice versa.

Search "clip: rect" in your HTML editor (or Notepad) and change them all. Perhaps a bit tedious, but if IE9 beta compatibility is important to you, it's not so bad. Easier than it sounds.

Make a backup first (if MS addresses this issue, you may want to switch back), and be sure to change only the two middle values (these represent the right and bottom).

Should fix any template for IE9 without any change whatsoever in other modern browsers. Should take less than 5 minutes, and no more worries!
 
Peter S

Posted: 11/3/2010
Quote message 

Again a GREAT solution on the Artisteer forum. Thank you guys!
 
Lynn

Posted: 11/5/2010
Quote message 

Thank you for this FIX!
 
Clippy

Posted: 11/7/2010
Quote message 

I'm not quite sure why IE9 is doing that. Earlier versions of IE treat it like all the other browsers. Hopefully this will be corrected by the time of IE9's official release.
 
Ben West

Posted: 10/30/2011
Quote message 

Same problem here, but only in IE9 :(
Any solution to this problem yet?

 
aristos

Posted: 2/1/2012
Quote message 

This worked for me:

Quote :
You can always force IE8 regular mode for the IE8 browser with this code: <meta http-equiv="X-UA-Compatible" content="IE=edge" /> Most of the time if this happens it is because the page is missing a proper DTD... But if you code is not whacked this fixes it by forcing IE8 to use the IE8 rendering engine, which fixes TONS of css and other assorted bugs.


http://www.artisteer.com/Default.aspx?flag_id=181378&flag=best&post_id=159742&p=forum_post
 
Don

Posted: 8/31/2012
Quote message 

You do realize this was "Posted: 10/31/2010" Almost two years ago.

Quote Geo Goga:

Quote Peter S:

Just a small question: my site www.quovis.be loads well in FireFox, Chrome and in 'Compatibility Mode', but the edges do not load well in IE9 without the compatibility.

Is there something I should do, or is this a 'feature' of Artisteer?



Hi Peter S
For to IE9 to see a correct template made with Aristeer you have to add to your index.php next line

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

just before any html tag start :-)