dhtml menu not displaying right in FF...

User 382871 Photo


Registered User
20 posts

I have created a test web page for a soccer club - http://discoveret.org/scor/indexnew.html

The dhtml menu displays fine in IE but not Firefox. In FF it is offset to the right.

Also, the news flash ticker won't display in either IE or FF even though it displays fine in the preview mode. I think I have all the files uploaded.

Any Suggestions?

Thanks,

Chris Bishop
bishopcn@yahoo.com
User 355448 Photo


Ambassador
3,144 posts

Chris,

try swapping the valign entry with the align entry. You currently have:
<td colspan="3" valign="center" align="middle">

The correct tag should be: <td colspan="3" valign="middle" align="center">

See if that will fix your problem with the menu.

I checked, and your scornews.swf file is in place, your scornews.xml file is in place, and your scornews.txt file is in place. It does appear that your scornews.php file is empty.

Hope this helps.
User 382871 Photo


Registered User
20 posts

Bill R,

Thanks. I tried swapping the valign and align, but it had no effect.

I'll check the menu code:
User 355448 Photo


Ambassador
3,144 posts

Chris,

Here is something you can try. Change your td tag to read:
<td colspan="3" class="menu">

In the style section of your head, enter this:

td.menu {
text-align:center;
vertical-align:middle;
padding:0;
}

Removing the padding from the td may have the desired result.
User 382871 Photo


Registered User
20 posts

I tried adding it to the style section of the header and taking the padding out and still no luck.

<td colspan="3" class="menu">

In the style section of your head, enter this:

td.menu {
text-align:center;
vertical-align:middle;
padding:0;
}

Thanks for the suggestions...I'll keep playing with it.

Chris
User 382871 Photo


Registered User
20 posts

Bill R.,

Interestingly, I can get the dhtml menu to line up in FF if I go in the menu code and change the left setting to "-8". But then it is off in IE. FF seems to have a different starting point for that row in the table than IE does. Have you ever seen this before?

Thanks,

Chris
User 355448 Photo


Ambassador
3,144 posts

Chris,

Not sure if this will fix the problem, but it might. I have a different DHTML .dat file that has been modified from the original. You can download the DHTML dat which is inside a self-extracting zip file. Just select a directory to hold the files, place the dhtmldat.exe in that directory and run the file. You will then have the menu.dat file and a readme that explains how to replace the menu.dat and where the files are located. Be sure to use copies of your pages for testing, so you can revert back to the original if you want.
User 382871 Photo


Registered User
20 posts

Bill R.

Thanks again. I changed out the files but it didn't change. Was I supposed to do more than that. All I did was change out the .dat files and open the page in coffeecup and test it.

I also tried dropping the menu code directly into the html file and no luck. Then I took the banner and the menu out of the table and just placed them in the body and still it had the offset. Very wierd.

I have discovered that if I move the whole page to the left of the window instead of centering it that it lines up the same in FF and IE. I prefer centered pages but C'est la vie.

I appreciate all the time and help.

Chris
User 355448 Photo


Ambassador
3,144 posts

Chris,

Now with the files changed, open the menu with the DHTML Menu builder and when you re-save the menu, the new code is generated.

I don't recall what all has been addressed over the last couple of years adjusting the dhtml.dat file, so this may not be a function of the menu.dat but something else entirely. The new dat file is needed to view the menu with the latest version of Opera, so changing it is a good thing.
User 382871 Photo


Registered User
20 posts

I'll try that.

Here is a new twist I discovered. When I originally designed the page, I found that when I didn't specify a height in the TD for the part of the table that holds the menu, that the row below overlapped the row that holds the menu. So I added a height to the TD and it fixed that problem.

When I took the height out of the TD, the menu is then centered perfectly in FF and IE with no offset (but I still have the row overlap issue>.

I tried putting the height in the <TR> instead of the TD and I also tried taking the height out and adding <br><br> in the span. Anytime I add height or <br> it makes the menu offset in FF.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.