Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:40
100% not 100%?
Poster: Cliff
Dated: Wednesday June 29 2005 - 3:00:34 BST
I am setting up a new menu using the Office 2003 sample.
I have set it to 100%.
In IE it is about 10px from the right, not a full 100%, in FireFox it is giving me a tiny horizontal scroll bar.
Any tips?
Here is the test page I am trying.
http://www.bloodbanktalk.com/untitled.cfm
Poster: Ruth
Dated: Wednesday June 29 2005 - 3:08:55 BST
It has something to do with the 'automatic' margins that all the browsers put on pages. What I do to make sure all browsers are the same is put a css style section in the head with margins set to 0.
Code:
<style type="text/css">body{margin:0px}</style>
That should make it the same in all browsers. You can of course set it to whatever you want, margin-top:10px; margin-right:0px; and so on mix and match or make them the same.
Ruth
Poster: Cliff
Dated: Wednesday June 29 2005 - 3:12:57 BST
It worked great in IE, but FF is still giving me a scroll bar.
Poster: Ruth
Dated: Wednesday June 29 2005 - 3:36:57 BST
It has something to do with the border. For some reason the Mozilla browsers are making the menu 100% excluding the right and left border and then adding the right and left border at 1px so that causes the scrollbar at the bottom. I have tried a number of things for a fix but the only way I could do it was to code the menu like this
Code:
menuwidth="99.7%";
screenposition="center";
The screenposition="center"; is necessary since the menu is now less that 100%. But, the 99.7% eliminated the scroll bar in Mozilla and because it's almost 100%, you only see a teeny tiny smidgeen of white at the right and left in IE. Sorry, that's all I could figure to make it work without a scrollbar in Mozilla.
screenposition="center";
Ruth
Poster: John
Dated: Wednesday June 29 2005 - 15:02:50 BST
Try this pre-release. Let us know what happens.
Poster: Ruth
Dated: Wednesday June 29 2005 - 15:17:00 BST
Didn't think to try that. But, with your gentle reminder.....
However, the same problem occurs.
I also forgot to to say that in Mozilla it seems to calculate 100% for the menu and then add the border and margin to that. So, Cliff will also have to remove the margin=2 from his Main Menu.
Ruth