Primary navigation menu in IE 7 & 8
| Project: | Inf08 |
| Version: | 6.x-1.7 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Hi,
I'm fairly new to Drupal and CSS, so please forgive me if my question is silly. There is a small gap at the bottom of the primary navigation menu (please see the attached pictures). This gap only appears in Internet Explorer 7 & 8 but not in Firefox 3.
I've attempted to increase the #primary-nav {top: 47px} in ie.css to 48px and beyond, but it has done nothing (with each modification, I have cleared both the performance cache and IE cache to see my results). If I increase the same value within style.css, it does repair the problem in IE 7&8, but the navigation menu is misaligned in Firefox.
Am I doing something wrong in trying to solve this? Is there a way to have the primary navigation menu properly situated in both Firefox and IE 7 - 8?
| Attachment | Size |
|---|---|
| primenav01.png | 11.8 KB |
| primenav02.png | 13.85 KB |
#1
Hi Deianaria,
The #primary-nav {top: 47px} in
ie.cssshould be the correct value.The problem is the conditional comment in
page.tpl.phpto includeie.css. You have to change<!--[if lt IE 7]>...
<![endif]-->
to
<!--[if IE]>...
<![endif]-->
I was aware of that and updated
page.tpl.phpin 6.x-1.x-dev version but haven't create an official release yet. You can either fix the code yourself or download the 6.x-1.x-dev version instead.Thanks for your feedback :)
#2
Your advised modification in page.tpl.php worked perfectly, thanks!
And thank you for your hard work in porting this theme to Drupal. I really love how clean and straightforward it is compared to the other available themes.
Thanks again!
#3
Automatically closed -- issue fixed for 2 weeks with no activity.