Anne Davies wrote:
>Thanks Charles - that's exactly what I wanted it to do in Firefox!
>However... it is now spaced out far too much in IE and the navigation goes
>onto 2 lines now. Any ideas how I can now reduce the width in IE?
>
>Anne
>
Hi Anne,
I'm afraid the page has some more troubles. If the visitor has set an
enlarged font-size in her/his browser for a better view (Menu : View >
Text size > Larger / Largest), then the menu is breaking. In FF and also
in IE. I guess you used a What You See Is Not What You Get html-editor...
* See Golden Rule #6
<http://home.tiscali.nl/developerscorner/golden-rules-of-css.htm#6>.
Looking in the source code, the first thing I saw was a bit unordered,
difficult to see what is what, and to analyze what is going wrong.
Probably it was your editor again which did this.
* They are sinning against Golden Rule #10 ...
<http://home.tiscali.nl/developerscorner/golden-rules-of-css.htm#10>
* Compare (to view in Firefox) the original code ...
<http://home.tiscali.nl/developerscorner/css-discuss/test-aberdeen-ori.txt>
* .. and when it is better indented
<http://home.tiscali.nl/developerscorner/css-discuss/test-aberdeen-clean.txt>.
We see now, that the page is suffering from "divitis": a lot of <div>'s
in the menu, which can be done easily in just a few. Then it's easier to
correct too. Notice there are 2 ID's "menuh" while only 1 is allowed.
Then I think maybe it is easier to start with a working example, which
can be fine tuned according your wishes, than trying to correct this one...
A lot of working examples you can find in the Listamatic database:
* http://css.maxdesign.com.au/index.htm
Perhaps you can use also the List-O-Matic:
* http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/
Greetings and success,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
