Re: visibility:hidden vs display:none

In article <79263322648.8554256396.39908 (AT) news (DOT) altopia.com>,
darius <noone (AT) here (DOT) invalid> wrote:

Is there a subtle difference between visibility:hidden vs
display:none ?

Not so subtle really. The former means it is there but cannot be seen.

The latter means it is not there at all as can be proved by trying to
set display: inline on the descendants.

Changing body {... display: none;} in

1. http://tinyurl.com/ccyos4

to body {... visibility: hidden;} gets you

2. http://tinyurl.com/c8565d

'display: none' causes an element to generate no boxes whereas
'visibility: hidden; causes the generated box to be invisible (fully
transparent, nothing is drawn).

Descendants of elements set with ''display: none' cannot be overridden
with display: inline - because they are simply gone (like granny). But a
'visibility: hidden' element's descendants can be made to appear by
'visibility: visible'.

--
dorayme

dorayme wrote on 06 apr 2009 in comp.infosystems.www.authoring.stylesheets:

But a
'visibility: hidden' element's descendants can be made to appear by
'visibility: visible'.

I knew that somehow, but now I realize I should make more use of this!


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

In article <Xns9BE55FDDB95E2eejj99 (AT) 194 (DOT) 109.133.242>,
"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> wrote:

dorayme wrote on 06 apr 2009 in comp.infosystems.www.authoring.stylesheets:

But a
'visibility: hidden' element's descendants can be made to appear by
'visibility: visible'.

I knew that somehow, but now I realize I should make more use of this!

(Take a look at the link I gave you and you can use this there to
progressively makes things appear in the list within list html).

Visibility: hidden is like an invisible man in a room, you can't occupy
his space (btw, he will also eat half your food if you are dining
together. I have experience of this, don't ask) but display: none is
more like a ghost, you can sit on the same chair as he does and he won't
eat half your food no matter how much he eats (again, trust me, I know).

--
dorayme

dorayme wrote on 06 apr 2009 in
comp.infosystems.www.authoring.stylesheets:

In article <Xns9BE55FDDB95E2eejj99 (AT) 194 (DOT) 109.133.242>,
"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> wrote:

dorayme wrote on 06 apr 2009 in
comp.infosystems.www.authoring.stylesheets:

But a
'visibility: hidden' element's descendants can be made to appear by
'visibility: visible'.

I knew that somehow, but now I realize I should make more use of
this!

(Take a look at the link I gave you and you can use this there to
progressively makes things appear in the list within list html).

I am not the OP, just an intruder!

Visibility: hidden is like an invisible man in a room, you can't
occupy his space (btw, he will also eat half your food if you are
dining together. I have experience of this, don't ask) but display:
none is more like a ghost, you can sit on the same chair as he does
and he won't eat half your food no matter how much he eats (again,
trust me, I know).

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)