Help with html code to get Milonic menu to size correctly

softaid · Post by **softaid** » Thu Feb 12, 2004 5:04 pm

Hello:

I am hoping to get help with determining why the top bar of my web page that has the milonic dhtml menu code is not sizing uniformly (or correctly).

My web site (with the problem) is:
http://www.aid.com

To see what the results from different browsers, go to
http://www.browsercam.com/public.aspx?proj_id=44549

Oddly, with my IE 6.0SP1 for Win2000 Prof. browser, everything lines up. Browsercam shows it does not.

I worked with code from http://www.imagingservices.com which does not seem to have that problem.

Like that site, the top menu is three separate table cells.

Can someone tell me what the change I need to make in the html code should be. I would be so appreciative!

I post to this topic when it is "fixed," so that you can stop responding at that time.
Thanks,
David

softaid · Post by **softaid** » Thu Feb 12, 2004 5:05 pm

FYI: I am using the 5.0 (just released version) of the code

softaid · Post by **softaid** » Thu Feb 12, 2004 5:18 pm

Perhaps the problem is that the browsercam.com shows a browser windows that has been resized. I.e. the browser is not full-sized.

I wrote that my IE 6.0SP1 for Win2K browser did not have this problem. Well, when I resize my windows to help-size it appears.

BUT, http://www.imagingservices did not have this problem with browsercam

Thanks, David Y.

softaid · Post by **softaid** » Sat Feb 14, 2004 2:33 am

PROBLEM SOLVED!!!! NO MORE HELP NEEDED. THX

After much tinkering with table html elements, I finally got it so that the dhtml menu does not over or undersize in different browsers.

Thanks,
David Y.

Post by **Ruth** » Sat Feb 14, 2004 3:47 am

Hmm, could you post the solution if it's not too much trouble, others might have a similar problem

Ruth

softaid · Post by **softaid** » Sat Feb 14, 2004 4:18 pm

The solution had nothing to do with the dhtml menu.

I believe that many browsers do no support the background html code in a <td> tag which explains the oversized dhtml menu in Mac. Safari, Explorer etc.

I fixed this by re-writing that <td> cell as follows:
<td width="100%" valign="top"><img src="../images/mast-background-image.gif" width="112" height="75"></td>

In otherwords, taking the heretofore background image and making a new <img src ...> tag that is properly sized.

Now, the menu is properly sized in most if not all browsers.

I checked this using http://www.browsercam.com

David Y.

Milonic JavaScript Menu