QUOTE(James @ Sep 29 2006, 10:55 AM)
I have come back to Web design after a considerable break and I am quite rusty, and would appreciate some help.
If any of you have time to look at the following URL on
both IE6 and Mozilla Firefox, I would be very much obliged if you could explain to me the quite different appearances:
http://www.lilachilldorpers.com.au/index.htmlThe default margin/padding on some elements (e.g. DIV) may differ between browsers. This should explain the extra space below the H1.
QUOTE
In particular, in the menu of choices on the left hand side, "Contact us" all comes out on the same line in Firefox, but splits or wraps over two lines in IE6. I can make the font smaller for IE6, but then it would be too small for Firefox. Perhaps I should adjust the width of the menu list container? How would you deal with this?
It doesn't wrap in my IE6 (in medium size).
I'd specify the menu width using the em unit, then it will adjust when user text size is changed. Of course then it may no longer fit the logo width.
QUOTE
I forgot to mention that my screen resolution is:
1280 x 1024
See
http://htmlhelp.com/faq/html/design.html#screen-sizeQUOTE
I think I might have answered my own question. In IE6 I just went to VIEW > TEXT SIZE > Medium
and changed Medium to Smaller (and also tried "Smallest")
and that fixed the problem.
However, that raises another question - we have no idea what individual user's IE6 browsers are set to.
True. What one should do is take that into account in your design.
QUOTE
How can I either:
1. organise a pop-up advising them to change to
View>Text Size>Smaller, or
2. do it for them with some clever HTML or programming?
Such things will only annoy users. Avoid!
BTW the site layout looks very nice, but the text explaining how the menu works seems a bit redundant: the menu is (and should be) self-explaining.