By Ashford on

IE7 browser on a PC

On our site, the default theme is Garland. Special thanks to the Garland theme developers. It is an easy to work with theme and the function to select the colors is extraordinary.

I was tutoring one of our volunteers on her computer and noticed the secondary menu wasn't aligning in the same way I had been viewing on my computer. She is using IE7.

The Primary links are displayed in a horizontal list; however, the Secondary links are aligned to the right in a normal list format which overlaps the content.

Any CSS solutions to offer?

⋅ Categories: Drupal 5.x

Comments

Ashford’s picture

Ashford commented

I forgot to add, we are using Drupal ver 5.

marcvangend’s picture

marcvangend
he/him
Primary language Dutch
Location Amsterdam
commented

Can you provide more info? Perferrably the url of the page, or at least a screenshot or some code.
Also: did you check if the html and css code validates against W3C standards?

Ashford’s picture

Ashford commented

http://heartwoodtmn.org

Events, News, and Blogs have a list of secondary links.

I have FireFox and the secondary links display as intended. It was IE7 that had the problem.

marcvangend’s picture

marcvangend
he/him
Primary language Dutch
Location Amsterdam
commented

On my IE7 your secondary menu displays as a horizontal list, just like Firefox does. Did you try to clear IE's cache and reload?

Ashford’s picture

Ashford commented

Thank you for checking on the same type browser. I will email and ask her to try that. I didn't think the cache would effect CSS unless there had been some changes. Computers do strange and wonderful things.

Ashford’s picture

Ashford commented

The Users said clearing the cache did not work. The secondary links remained listed vertically down the right hand side. I resolved this issue by creating a div block around the secondary links for this theme.

File to edit --- /themes/garland/page.tpl.php

<?php if (isset($secondary_links)) : ?>
  <?php print '<div>' ?>
  <?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
  <?php print '</div>' ?>
<?php endif; ?>

Note for newbies...
When you do your next Drupal version upgrade, a clean copy of the file is uploaded and you will lose your changes. That is why it is not normally recommended that you edit the Drupal core files.

ericmalone’s picture

ericmalone commented

I had the same issue, this fixed the problem.

Garnerin’s picture

Garnerin commented

I had the same problem. This fix is effective. Thank you so much for discovering.