If this has been asked and solved before then accept my apologies as I'm very new to this. I'm building a site using DW and don't use code at all. Everything looked fine on my machine but on other machines the screen seemed to resize and scroll-bars appeared - any idea why?

I put in a series of dropdown menus using Spry features - all worked fine. Then seemingly for no reason (I know there must be) the drop down menus seemed to convert themselves into a what could best be described as a bulleted list. I switched over to the code and have cut and pasted what was highlighted when I did that. Any help would be really appreciated.


<ul class="MenuBarHorizontal style1" id="MenuBar1">
          <li><a class="MenuBarItemSubmenu" href="#">About Us</a>
                <li><a href="Aboutus.html">Our Team</a></li>
                <li><a href="Missionstatement.html">Mission Statement</a></li>
                <li><a href="Literature.html">Literature Download</a></li>
                <li><a href="Feedbackformpage.html">Feedback Form</a></li>
                <li><a href="careers.html">Careers</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Our Services</a>
              <li><a href="Pensions.html">Pensions</a></li>
              <li><a href="Investments.html">Investments</a></li>
              <li><a href="Mortgages.html">Mortgages</a></li>
              <li><a href="Insurance.html">Insurance</a></li>
              <li><a href="Taxation.html">Taxation</a></li>
              <li><a href="Section481.html">Section 481</a></li>
          <li><a href="Newspage.html">News</a>              </li>
          <li><a href="#" class="MenuBarItemSubmenu">Useful Links</a>
              <li><a href="LifeCompanies.html">Life Companies</a></li>
              <li><a href="http://www.financialregulator.ie/">Financial Regulator</a></li>
              <li><a href="http://www.pensionsboard.ie/">Pensions Board</a></li>
              <li><a href="http://www.bloomberg.com/">Bloomberg</a></li>
              <li><a href="http://www.ise.ie/">Irish Stockmarket</a></li>
              <li><a href="http://www.revenue.ie/">Revenue</a></li>
              <li><a href="http://www.financialombudsman.ie/">Financial Ombudsman</a></li>
          <li><a href="ContactUs.html">Contact Us</a></li>
          <li><a href="IndexHC.html">Home</a></li>

For the resizing, did you put in pixel sizes or percentages for the elements?

I dont do much in the way of drop downs or anything, but the code you have is for an unordered list with the list points. I have no idea why it would have done that.

The problem is that not all monitors have the same screen resolution. If you design a page to fit a certain screen resolution with absolute sizes, the following happen to the page:

- On monitors with lower resolutions, scrollbars will appear.

- On monitors with higher resolutions, the page will be in the upper left corner.

To make the pages more flexible for resolution changes, do the following:

- Use relative sizes and positioning. Usually this is a percentage of the width of the page.

- Don't use a page creator such as DW.

- It is impossible to exactly fit a page vertically for all monitors. Don't waste time trying. If you don't want scrollbars, don't put stuff near the bottom.