Joanne wrote:
> Hi,
>
> I have a print stylesheet on a site I'm making.
>
> div#footer *{
> display: none;
> }
>
> This hides <div id="footer"> ...
Technically no, it hides all child elements of #footer. For example:
<div id="footer">
Here is some text
<img ...>
<div>Text inside an inner div</div>
</div>
Your rule matches all (*) children of that div, i.e. the <img> and the inner
<div>. The image will disappear, as will the text inside the inner div (as the
inner div is also hidden), leaving you with:
Here is some text
I imagine your div#footer in question was designed such that this just happened
to remove everything inside it. But the * is not necessary at all. All you need
is this:
.footer {
display: none;
}
______________________________________________________________________
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/
