Sent by David Keith Biddix on 12 April 2005 16:04
I am somewhat of a "newbie" to CSS, but for the past 6 months or so,
I've been using it to stylize my text presentation on Websites. I'm now
trying to take the next step. Based on a tutorial for a CSS navigation
bar (found at
http://www.projectseven.com/tutorials/css/uberlinks/index.htm), I have
attempted to create navigation for a Website I am building for the
North Carolina Community College System. On this site, there needs to
be two navigation bars: a blue "main" bar for general topics and a
green flyout "menu" bar that appears on the pages specifically
associated with one of the topics listed in the blue bar.
Here's my problem: I have figured out how to get the page to call
separate style sheets for the various bars, and everything works fine
in IE 5 and 6 for Windows, Firefox for Windows and Mac OS X and Safari
for Mac OS X. However, the pages load and the stylesheets break down in
IE 5.2.3 for Mac OS X. There, the items are listed in regular list
order, layered atop one another instead of in the horizontal format
that works in the other browsers.
The pages in question are at:
http://test.vlc.nccommunitycolleges.edu/index.htm for the blue bar only;
http://test.vlc.nccommunitycolleges.edu/students.htm for the blue and
green bars;
And the stylesheets I have developed are at:
http://test.vlc.nccommunitycolleges.edu/navigation.css for the blue
bar, and
http://test.vlc.nccommunitycolleges.edu/greennavigation.css for the
green bar
I ran the code for both the index.htm and the students.htm through the
W3C validator, and it has problems with the calls I make in the body
declaration to force the table with the green bar to the top and left
of the screen. Here's the code that's in the page to make it move:
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
However, the code renders everything at the proper location on the
screen when it is included. Can anyone give a suggestion on other ways
I could handle this issue and make the validator happy?
Finally, there is a minor cosmetic issue between Firefox and Safari.
The green bar (which is a table row filled with a green background) is
too wide in Safari, but fits properly in Firefox. This isn't a critical
fix, but if someone knows what's going on and how I can stop it, I'd
appreciate it!
Thanks for any help or suggestions you may be able to provide to this
post.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
