Page is distorted in Internet Explorer 9 for drupal theme |
|
Doug
|
My site works well in the other browsers but in explorer 9 the pager header loses its border, the background starts to cover the page and the article/ body section of the page is smaller width than the header and footer. What can I do to fix this problem? My site is eClipsja.com
|
| |
lori
|
I am also having trouble with IE - with a 2.6 theme for drupal 6.2...
my site looks ok in chrome and ffox, and appears to be missing all of its css when in IE. When I switch back to an older artisteer template it is fine. for now I am jsut switched back to the older template but I have already upgraded my artisteer and need to make some changes to the template. Please advise 
|
| |
lori
|
AH.... I figured out what is causing the trouble...it is NOT the new version... it is my ubercart catalog block. When it is enabled in the left sidebar I get weirdness. When I disable that it all looks ok. when I move it to the left menu area I can see everything but the catalog menu is all mashed up on the right side and not at all attractive. Probably that has to do with my list settings in the css. Anyway it is not the new artisteer, it is how the ubercart catalog menu is rendered. For now I will create my own menu, but using their auto-generated one would be *really* nice 
|
| |
Clippy
|
Doug---
I've posted the solution for this in over a dozen threads since September - I'm not a "SEARCH THE FORUM" nazi, but it's really the best and fastest way to solve a lot of problems, for your own sake... On with the post:
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!
|
| |
lori
|
Quote lori:
Anyway it is not the new artisteer, it is how the ubercart catalog menu is rendered. For now I will create my own menu, but using their auto-generated one would be *really* nice
update: I can use the auto-generated one. It seems there were two copies of the theme - on in the /themes folder, one under /sites/all/themes
Deleted the one under sites/all/themes and it is 'back' to being OK...
|
| |
|
|