Display in IE6
bwv - July 5, 2008 - 15:38
| Project: | AD Blueprint |
| Version: | 6.x-1.2 |
| Component: | User interface |
| Category: | support request |
| Priority: | critical |
| Assigned: | Alan Cooney |
| Status: | closed |
Description
Hi, this exquisite theme displays nicely in FF and IE7, but in IE6 all the content is moved slightly to the right (see pic). Can you please tell me how to fix? Thanks.
| Attachment | Size |
|---|---|
| ad_blueprint_ie6.jpg | 296.61 KB |
#1
I am having the exact same problem. It would be great if this could be fixed
#2
You should see it in Drupal 6. It displays in IE 6 without any styles.
The Demo site
http://www.duplika.com/blog/ad-blueprint
however, does display correctly in IE6.
#3
Hi, I'm having the same issue here. The page is not working properly on any version of IE, not even IE 7.
Firefox,though, is working perfectly.
Any solutions?
Thks.
#4
having the same problem in Drupal 6
#5
I went to the blog (http://www.duplika.com/blog/ad-blueprint), went to view source, and noticed this at the top:
<!--[if IE]><style>#sidebar-right {position:relative;left:-1px;}
#page2 {border-bottom:2px solid #CCC;}
.site-name {position:relative;top:-20px;}
.site-slogan {position:relative;top:-35px;}</style>
I might add it and see if it helps.
#6
Thats already inside page.tpl of the template
#7
This can be fixed for anyone using 1/2 collumns by changing this:
<?phpif ($right);else echo "<style type=\"text/css\" media=\"all\">#main {margin-right:0;} #page{background-image:none;}</style>";
?>
In page.tpl.php to:
<?phpif ($right);else echo "<style type=\"text/css\" media=\"all\">#main {margin-right:0;} #page{background-image:none;} <!--[if IE]>#main {position:relative;left:-190px;}<![endif]--></style>";
?>
I am working on a complete fix and will post it shortly.
--------------------------------------
Obeliscus, you have a different problem. Please post your support request separately.
#8
This patch does not fix the problem
#9
I'm also having a similar issue as post #2 and #3, where the site name is cut off half way and the navbar is missing entirely, etc. Also the footer message isn't centered like it should be.
I did some tests and it seems to only happen when custom colors are chosen. If i leave the site on the default configuration (green for example) then the issues are almost all but gone. Or at least the navbar colour displays - the site name is still cut off, but at least its better.
I'm going to try to edit the default css file instead of modifiying the colours in the configuration area as a workaround - but just thought i'd post this this in case it helps debug. I've attached 2 images, one is of the site as seen in IE 5 (ancient i know), and then how the same site displays correctly in safari and firefox on all platforms in the second picture.
#10
Doesn't work.
#11
Okay, this sounds like the IE double margin bug.
Go here, this should fix it: http://www.jaymeblackmon.com/ie6-double-margin-bug-fix
A very easy fix! All you need to do is add
display:inline;to your floating element, which, in this case is your#mainso that it reads#main {margin: 0 191px 0 191px;
float:left;
padding: 25px 48px 20px 48px;
display:inline;
}
That should fix it. If it doesn't however, I have another alternative.
Also, I suggest fixing the following code at the top of your html source code so that it reads:
<!--[if IE]><style>#sidebar-right {position:relative;left:-1px;}
#page2 {border-bottom:2px solid #CCC;}
.site-name {position:relative;top:-20px;}
.site-slogan {position:relative;top:-35px;}</style>
<![endif]-->
(The
<!--[if IE]>needs to be moved back into the correct place.)Good luck & hope this helps!
Christine
#12
Thank you, the first suggestion works great!
#13
#11,
Not working for me. The changes now cause problems with FireFox, and the theme still doesn't work with IE 6 or 7.
It seems all of the ADxx themes have problems.
#14
Then change the direction of the float of
#mainso that it floats right instead of left, and then just fiddle with the margins of#mainuntil you get it back to the way you want it:)#15
I have just checked it in Drupal 6.3 in Firefox 2, Firefox 3, Safari 3, IE 6 and it works perfectly.
Here is what you need to do:
in the style.css, change the following to fix the double margin bug:
Beginning at line 109, change the code for the
#marginto read:#main {margin: 0px 191px 0px 191px;
float:left;
padding: 25px 48px 20px 48px;
display: inline;
}
and then to fix the problem with the header at the top in IE 6, try the following:
in the page.tpl.php, just add the following code to the IE conditional comments at the top:
#header {height:99px;
padding: 40px 0px 0px 50px;
}
Insert it just after line 32, so that the conditional comments, with the above code, will now read:
<!--[if IE]><style>#sidebar-right {position:relative;left:-1px;}
#page2 {border-bottom:2px solid #CCC;}
.site-name {position:relative;top:-20px;}
.site-slogan {position:relative;top:-35px;}
#header {
height:99px;
padding: 40px 0px 0px 50px;
}
</style>
<![endif]-->
Good luck!
#16
This is fixed in the 2.0.x dev branch - http://drupal.org/node/291833
#17
And in the 6 dev branch - http://drupal.org/node/291836
#18
>> And in the 6 dev branch - http://drupal.org/node/291836
When enabling the theme, it produces this error:
Fatal error: Call to undefined function phptemplate_body_attributes() in /home/www/Drupal6/sites/all/themes/ad_blueprint/page.tpl.php on line 22
Have to remove the theme directory in order to access the site.
#19
Thanks, I fixed that
#20
Still have issues with IE 6 & 7
The left column extends down the page.
See attached image. the Page should end at the search box and feed icon. Instead, the left column extends down the page quite a ways.
#21
Sciman, are you using the 2.0.x dev version?
#22
>> are you using the 2.0.x dev version?
Yes, I'm using 6.x-2.x-dev.
Also, notice in the image in #20, the bottom left corner where the Vertical and Horizontal borders meet? In this case, you can see that the bottom line is actually missing in the corner. This occurs in Firefox as well as IE.
Edit: The broken corner lines are also in the right hand corner.
Steve
#23
Thanks Steve, and sorry for the delay. I have updated the 5.2.x dev branch with a huge number of fixes and will be porting this shortly to Drupal 6. Please give your comments.
#24
#25