css for divs

liunx

Guest
I have this menu-navigation type section and although it shows up nicely on NS6 and IE6, it doesn't for NS4.

I was wondering if anyone could send me a link about NS4 div layer problems and workarounds. Or, if anyone has any ideas then that'd be much better. Also, if you have time, can you test it on versions I don't have.

Here is the link:

<!-- m --><a class="postlink" href="http://www.e-bsc.ca/images/Scroll/test.shtml">http://www.e-bsc.ca/images/Scroll/test.shtml</a><!-- m -->

And here is the page I want it to show up on:

<!-- m --><a class="postlink" href="http://www.e-bsc.ca/english/sitemap.shtml">http://www.e-bsc.ca/english/sitemap.shtml</a><!-- m -->

Havik

EDITED: to update linkI looked at your page. You cannot have more than one object with the same ID.

I looked at your style sheet. You are not allowed to have any HTML in a style sheet. All you need is the CSS specifications.I got rid of the html in the style sheets. But I'm concerned about not having the same ID name for the div layers. When it's done this way, it's very easy to edit them, otherwise it's pointless to use css.

I don't need the link rollover effects to work in NS4, I just need it to position correctly. I will work on it some more and post again if something comes up, which should be often for NS4. :D

HavikOriginally posted by havik
But I'm concerned about not having the same ID name for the div layers. When it's done this way, it's very easy to edit them, otherwise it's pointless to use css.I don't make the rules. That is a W3C specification that requires an ID to be unique. You should be using class for applying styles to multiple objects, not the ID. The ID is primarily for scripting, not styles, even though CSS gives you that option.

See <!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/global.html#adef-id">http://www.w3.org/TR/html4/struct/global.html#adef-id</a><!-- m -->

BTW, this is not NS4 specific. All browsers that support the W3 reccommendations should follow that rule.Of course, I must have been so caught up in using #div name that I forgot about using it as a class instead. I have it this way now. The only issue is that the margins are all buggered up in NS4. I tried margin: 0px; but this won't work. I've also tried padding: 0px; in case that was it but no.

But I've made the recommendations and so far they've helped a lot. Thanks.

HavikI used to have a link that gave work-arounds and bugs to beware of, but apparently somebody bought someone else ... you know the story.

Here is a good link for documentation:

<!-- m --><a class="postlink" href="http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.htm">http://developer.netscape.com/docs/manu ... /index.htm</a><!-- m -->

I know that there are problems/differences with margins and paddings. The short-cuts don't work well. Usually defining the individual (top, bottom, right, left) work.
 
Back
Top