CSS-authored page shows up differently in Mozilla

Hi there,
I made the following page using CSS (a lot of new CSS that I'd never
used before):
http://www-rcf.usc.edu/~mfarrell/

It shows up fine in IE, but in Mozilla the height of the "main" div
doesn't stretch to fit the content. So my CSS must be wrong somehow,
as I suspect Mozilla respects CSS standards more.

The style sheet is here:
http://www-rcf.usc.edu/~mfarrell/kotd-style.css

If anyone knows what I messed up, please let me know. Thanks!

irte wrote:

I made the following page using CSS (a lot of new CSS that I'd never
used before):
http://www-rcf.usc.edu/~mfarrell/

http://diveintomark.org/archives/200..._wont_help_you
http://validator.w3.org/check?verbos...u/%7Emfarrell/
http://jigsaw.w3.org/css-validator/v...u/%7Emfarrell/
http://css-discuss.incutio.com/?page=UsingPoints

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

On Thu, 26 Aug 2004 17:28:04 +0100, David Dorward <dorward (AT) yahoo (DOT) com>
wrote:

http://css-discuss.incutio.com/?page=UsingPoints

font-size: small;

Why? What's wrong with my preferred size? Why do they see a need to shrink
the text so small I have to resize??

Sorry, but a site which purports to advocate good practice which then
breaks good practice is a less than optimal resource.

Neal wrote:

http://css-discuss.incutio.com/?page=UsingPoints

font-size: small;

That page does not suggest using that code. If you provide a URL to a page
that does, I might be able to come up with a reasonable response.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

On Thu, 26 Aug 2004 18:10:57 +0100, David Dorward <dorward (AT) yahoo (DOT) com>
wrote:

Neal wrote:



font-size: small;

That page does not suggest using that code.

The page goes into a discussion of why point sizing is inappropriate. Yet
it serves an inappropriate font-size.

On http://css-discuss.incutio.com/?page=UsingKeywords they state:

"In modern browsers rendering in Standards Mode, body {font-size: medium;}
produces text equal in size to the browser default, whatever size that may
be, and equal in size to that from body {font-size: 100%;} and body
{font-size: 1em;}."

So why serve general text at smaller than the default, which for some
users is smaller than they want to read, and for others is not a usability
issue anyhow?

If the local law enforcement is commiting crime, it certainly undermines
their right to arrest me for mine. Similarly, a page claiming to advocate
good practice should not be employing techniques which clearly are not.

On Thu, 26 Aug 2004 09:08:19 -0700, irte wrote:

Hi there,
I made the following page using CSS (a lot of new CSS that I'd never used
before):
http://www-rcf.usc.edu/~mfarrell/

It shows up fine in IE, but in Mozilla the height of the "main" div
doesn't stretch to fit the content. So my CSS must be wrong somehow, as I
suspect Mozilla respects CSS standards more.

The style sheet is here:
http://www-rcf.usc.edu/~mfarrell/kotd-style.css

Lots of issues here . . . .

1. Font size is too small for me to comfortably read it, and the page
doesn't respond to font size changes in the browser.

2. Your navigation styling makes it very difficult to tell what's a link
and what's not a link.

3. You've embedded styles in the actual page. I was under the (probably
mistaken) impression that XHTML strict would be devoid of styling. All
styling should go in style sheets.

4. Finally, to address your original question, please see the following
link: http://www.alistapart.com/

Search on columns and faux columns to get an idea about designing
multi-column layouts with CSS that degrade gracefully using different
browsers and resolutions.

HTH

/mde/
just my two cents . . . .

Neal wrote:

The page goes into a discussion of why point sizing is inappropriate. Yet
it serves an inappropriate font-size.

Oooooh, the style sheet for that site.

Well, the site is a wiki, so the author(s) of the content and the author(s)
of the stylesheet are very probably not the same people.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Neal wrote:

The page goes into a discussion of why point sizing is inappropriate. Yet
it serves an inappropriate font-size.

Oooooh, the style sheet for that site.

Well, the site is a wiki, so the author(s) of the content and the author(s)
of the stylesheet are very probably not the same people.

Also, while I agree that the body text should not be set to anything other
then the user's preference, this is a matter of some debate with a great
many people falling on the side of the fence marked "Users are idiots and
expect us to set font sizes smaller then Microsoft pick for them".

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

hi, this is "irte"
thanks for the responses!
i'll read up on alistpart. -pamela

Mark Eggers <mdeggers (AT) earthlink (DOT) net> wrote

On Thu, 26 Aug 2004 09:08:19 -0700, irte wrote:

Hi there,
I made the following page using CSS (a lot of new CSS that I'd never used
before):
http://www-rcf.usc.edu/~mfarrell/

It shows up fine in IE, but in Mozilla the height of the "main" div
doesn't stretch to fit the content. So my CSS must be wrong somehow, as I
suspect Mozilla respects CSS standards more.

The style sheet is here:
http://www-rcf.usc.edu/~mfarrell/kotd-style.css


Lots of issues here . . . .

1. Font size is too small for me to comfortably read it, and the page
doesn't respond to font size changes in the browser.

2. Your navigation styling makes it very difficult to tell what's a link
and what's not a link.

3. You've embedded styles in the actual page. I was under the (probably
mistaken) impression that XHTML strict would be devoid of styling. All
styling should go in style sheets.

4. Finally, to address your original question, please see the following
link: http://www.alistapart.com/

Search on columns and faux columns to get an idea about designing
multi-column layouts with CSS that degrade gracefully using different
browsers and resolutions.

HTH

/mde/
just my two cents . . . .