Primary navigation menu in IE 7 & 8 [#459702]

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?

Comment	File	Size	Author
	primenav02.png	13.85 KB	Deianaria
	primenav01.png	11.8 KB	Deianaria

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

kong CreditAttribution: kong commented 12 May 2009 at 00:39

Status:

Active

» Fixed

Hi Deianaria,

The #primary-nav {top: 47px} in ie.css should be the correct value.

The problem is the conditional comment in page.tpl.php to include ie.css. You have to change

<!--[if lt IE 7]>
  ...
<![endif]-->

<!--[if IE]>
  ...
<![endif]-->

I was aware of that and updated page.tpl.php in 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 :)

Comment #2

Deianaria CreditAttribution: Deianaria commented 12 May 2009 at 18:54

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!