Jump to:
| Project: | Colourise |
| Version: | 6.x-2.1 |
| Component: | User interface |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
Hello, and thanks firstly for a great (black) theme.
I am trying to replace the background image with one that is not as muted as the default and trying to maximize the use of the bg.jpg area for the picture while avoiding running into the primary links and the current page navigation (e.g Home -> etc.). I am having trouble in that the entire page seems shifted down about 50px or so on IE 6 from IE 8 and Firefox and runs into my bg.jpg image. I can see this on your own webzer.net page - in IE 6 the background is clearly above the second HR (the bottom rule just above the page content), whereas on Firefox 3 and IE 8 it extends underneath the HR. It's almost as if the padding-top (CSS for #page) at the top of the page shows about 3x as much on IE 6 as it is on the others.
Any one else see this? Any ideas?
-- glen
Comments
#1
I figured out what's causing the problem on IE 6 (but not sure where it's coming from):
There is the following code:
<div id="primary-menu"><h3 class="hidden">Primary Menu</h3>
It has this hidden h3 tag, which apparently IE 6 is rendering!
Anyone know where this may come from??
Also, deleting this code from template.php eliminated 90% of the header problem in IE 6:
// Set Accessibility nav barif ($vars['primary_menu'] != '') {
$vars['nav_access'] = '
<ul id="nav-access" class="hidden">
<li><a href="#primary-menu" accesskey="N" title="'.t('Skip to Primary Menu').'">'. t('Skip to Primary Menu') .'</a></li>
<li><a href="#main-content" accesskey="M" title="'.t('Skip to Main Content').'">'.t('Skip to Main Content').'</a></li>
</ul>
';
}
else {
$vars['nav_access'] = '
<ul id="nav-access" class="hidden">
<li><a href="#main-content" accesskey="M" title="'.t('Skip to Main Content').'">'.t('Skip to Main Content').'</a></li>
</ul>
';
}
-- glen
#2
I intentionally added the
h3for accessibility sake (especially for screen readers or text browsers), so it should be rendered by any browsers but hidden by CSS (visibility:hiddennotdisplay:none).Maybe there is inherited
margin-bottomfor thath3which caused this issue and I'll check this ASAP.