display: none; - how do i hide stuff from NS4? — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

display: none; - how do i hide stuff from NS4?

This page's ID: 10814

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I'll see if I can find the reference, <edit2>found the references</edit2>but as I understand it: visibility: none; is to hide something, but it remains in the document flow and thus is accounted for in rendering the page. See [url=http://www.w3.org/TR/CSS2/visufx.html#propdef-visibility]http://www.w3.org/TR/CSS2/visufx.html#propdef-visibility[/url] display: none; hides something but also removes it from the document flow and is therefore not even thought about in rendering the page. See [url=http://www.w3.org/TR/CSS2/visuren.html#propdef-display]http://www.w3.org/TR/CSS2/visuren.html#propdef-display[/url] The most common usage of display: none; is to hide things from contemporary browsers, for instance an upgrade your browser message. It would be hidden from current stuff but displayed in NS4 and IE4. I've used it the other way around, to hide stuff from newer browsers. For instance, in a column of links where I've set display: block;. NS4 doesn't understand that and displays them as wrapped text. Putting a <br> after the link makes it look fine in NS4, but makes it "double-spaced" in contemporary browsers. So I put the <br> inside a <span> class with the span's display set to none in the @import'ed stylesheet. Works like a charm. I'm working on another one (which I may need help on later) where I have an image class set to display: none; in the linked stylesheet so older browsers will ignore it. Then in the @import'ed stylesheet that image class is positioned absolutely, which of course raises hell with old browsers. <edit> I just re-read the original post. That's pretty much what I'm doing in the second example above. Only I'm doing it as a variation on [url=http://www.meyerweb.com/]Eric Meyer's[/url] Pure CSS Popups. I have a background image that NS4 users see (it's even a home page link!)and in a contemporary browser, hovering on links pops up a different image over the background one. See the page header links at [url=http://www.wab.org/]http://www.wab.org/[/url] . It's working well enough that the client approved it for production but the associated links quiver a bit under IE5.5 & 6(Win), which is the problem I may need help with. </edit> "the most incredible feats are often accomplished by those who have had the most incredible challenges" [This message has been edited by brucew (edited 10-04-2002).] [This message has been edited by brucew (edited 10-04-2002).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu