Drop down menu appearing in the wrong place

4 posts by 2 authors in: Forums > CMS Builder
Last Post: April 19, 2010   (RSS)

By NigelGordijk - April 19, 2010

Hi, there.

I have a client's site that is controlled via CMSB: www.haroldalbrechtmp.ca. It works perfectly in Firefox and Safari, but in IE8 on a PC some strange things are happening with the drop down menu for "News Room" on certain pages. For example: www.haroldalbrechtmp.ca/news.php (mouse over News Room in the main nav, using IE8 to see what I mean).

This might not sound like a CMSB issue, but if I strip out some of the code for the CMSB news headline section from the example above, the News Room drop down menu works fine: www.haroldalbrechtmp.ca/news2.php

Does anyone know why this happens? It occurs on several other pages/sections, too, but only when you mouseover the News Room navigation - www.haroldalbrechtmp.ca/press.php, www.haroldalbrechtmp.ca/press.php, www.haroldalbrechtmp.ca/ask.php, www.haroldalbrechtmp.ca/contact.php - but not everywhere - www.haroldalbrechtmp.ca/links.php.

Here's the code that I stripped out:

<table width="544" border="0" cellpadding="0" cellspacing="0" id="News">
<tr>
<td colspan="2"><span class="tdDottedCellNoPad"><img src="images/single-pixel.gif" width="419" height="10" /></span></td>
</tr>
<tr>
<td colspan="2" class="tdDottedCellNoPad"><img src="images/single-pixel.gif" width="419" height="10" /></td>
</tr>
<tr>
<td><p class="pNextPrev">
<!-- STEP3: Display Page Links (Paste anywhere below "Load Record List") -->
<?php if ($news_roomMetaData['prevPage']): ?>
<a href="<?php echo $news_roomMetaData['prevPageLink'] ?>">&laquo; Previous</a>
<?php else: ?>
&laquo; Previous
<?php endif ?>
- Page <?php echo $news_roomMetaData['page'] ?> of <?php echo $news_roomMetaData['totalPages'] ?> -
<?php if ($news_roomMetaData['nextPage']): ?>
<a href="<?php echo $news_roomMetaData['nextPageLink'] ?>">Next &raquo;</a>
<?php else: ?>
Next &raquo;
<?php endif ?>
<!-- /STEP3: Display Page Links -->
</p></td>
<td></td>
</tr>
<tr>
<td><img src="images/single-pixel.gif" width="409" height="10" /></td>
<td><img src="images/single-pixel.gif" width="135" height="1" /></td>
</tr>
<tr>
<td colspan="2" class="tdDottedCellNoPad"><img src="images/single-pixel.gif" width="125" height="5" /></td>
</tr>
</table>
<?php foreach ($news_roomRecords as $record): ?>
<h3><a href="<?php echo $record['_link'] ?>" target="_top"><?php echo $record['title'] ?></a></h3>
<p class="pDate"><?php echo date("l, F j, Y g:i a", strtotime($record['date'])) ?></p>
<p><?php echo $record['introduction'] ?></p>
<?php endforeach ?>
</td>
</tr>
<tr>
<td><table width="544" border="0" cellpadding="0" cellspacing="0" id="News">
<tr>
<td colspan="2" class="tdDottedCellNoPad"><img src="images/single-pixel.gif" width="419" height="10" /></td>
</tr>
<tr>
<td><p class="pNextPrev">
<!-- STEP3: Display Page Links (Paste anywhere below "Load Record List") -->
<?php if ($news_roomMetaData['prevPage']): ?>
<a href="<?php echo $news_roomMetaData['prevPageLink'] ?>">&laquo; Previous</a>
<?php else: ?>
&laquo; Previous
<?php endif ?>
- Page <?php echo $news_roomMetaData['page'] ?> of <?php echo $news_roomMetaData['totalPages'] ?> -
<?php if ($news_roomMetaData['nextPage']): ?>
<a href="<?php echo $news_roomMetaData['nextPageLink'] ?>">Next &raquo;</a>
<?php else: ?>
Next &raquo;
<?php endif ?>
<!-- /STEP3: Display Page Links -->
</p></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="images/single-pixel.gif" width="419" height="1" /></td>
<td><img src="images/single-pixel.gif" width="125" height="1" /></td>
</tr>
</table>

Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [NigelGordijk] Drop down menu appearing in the wrong place

By Jason - April 19, 2010

Hi Nigel,

Cross browser issues are some of the most frustrating for sure. The code you stripped out looks like code for allowing user to flip through pages of records. The table is using the id "News", which is the same ID as the menu bar. You could try changing the id for the code you posted.

Hope that helps.
---------------------------------------------------
Jason Sauchuk - Project Manager
interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/

Re: [Jason] Drop down menu appearing in the wrong place

By NigelGordijk - April 19, 2010

Perfect!

Programmer in training? Ask Dave to give you a BMW as part of your contract :-)

Thanks for your help.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net