Re: site stylesheet: <code> and pre.code viewed in MSIE 6, bulleting ol.toc, and subclassing <code>

[email protected] (Doctor Unclear) wrote in message news:<[email protected]>...
> fantasai <[email protected]> wrote in message news:<[email protected]>...
> > Doctor Unclear wrote:
> > 
> > > 
> > > Dear Fantasai,
> > > 
> > > I just examined the
> > > http://www.mozilla.org/docs/web-developer/upgrade_2.html
> > > page today with MSIE 6 and I believe that content in <code> and pre.code 
> > > is quite small.
> > > When viewed in Opera 7.54 and Mozilla 1.8a4, the font size of content of 
> > > <code> and pre.code is significantly bigger, relatively bigger and much 
> > > more readable.
> > > 
> > > pre.code and code do not have any defined font-size in the stylesheets
> > > base/content.css
> > > and
> > > cavendish/content.css
> > > 
> > > I am convinced that the current size of font for <code> and pre.code is 
> > > predefined (default browser values) in MSIE 6, explaining why it is 
> > > rather small.
> > 
> > Yes, it looks quite ridiculous. I'll look into it. :)
> > 
> 
> In my original email, I mentioned 
> 
> "
> My proposal on this:
> In base/content.css:
>    pre.code {
>        overflow: auto;
>        margin: 1em .5em;
>        padding: .2em;
>        border: solid 1px;
>        font-size: 1em; /* overriding MSIE 6 default value */



When using an user style sheet in MSIE 6 to view the 
docs/web-developer/upgrade_2.html 
webpage, 
pre {font-size: 1em !important;} 
works accordingly.


>    }
> 
> and
> 
>    code {
>        white-space: nowrap;
>        font-size: inherit; /* will inherit from parent block,
> overriding MSIE 6 default value */

[snipped]

Somehow, while still using an user style sheet, MSIE 6 does not
support font-size: inherit !important. I tried
code { font-size: 1em !important; }
and it worked accordingly.

I can upload before and after screenshots if needed.

Fantasai, can you make the following changes/additions in the 
http://www.mozilla.org/css/base/content.css

/* Code */

	code {
		white-space: nowrap;
                font-size: 1em; /* overriding MSIE 6 default value */
	}

	pre.code {
		overflow: auto;
		margin: 1em .5em;
		padding: .2em;
		border: solid 1px;
                font-size: 1em; /* overriding MSIE 6 default value */
	}

Thanks

DU