User:James Crippen/Sandbox

From Wikipedia, the free encyclopedia

< User:James Crippen

This is my sandbox. There are many others like it, but this one is mine.

1 Foo
- 1.1 Bar
2 Baz
- 2.1 Quux
  - 2.1.1 Corge
    - 2.1.1.1 Grault
      - 2.1.1.1.1 Flarp
        
        2.1.1.1.1.1 Xyzzy
        
        2.1.1.1.1.2 =Plugh=
        
        2.1.1.1.1.3 Spacing
3 Things to think about

[edit] Foo

No IPA template means you get default (read “broken”) text: [ˈfuˡbɑɹˈbæz].

With the IPA template you get proper rendering: [ˈfuˡbaɹˈbæz].

[edit] Bar

The foo is not bar or baz but merely a metasyntactic variable variation.

[edit] Baz

A heading with text.

[edit] Quux

Additional text.

[edit] Corge

Even more text.

[edit] Grault

Surprisingly, more text appears here.

[edit] Flarp

And yet more may be found here.

[edit] Xyzzy

Six levels deep?

[edit] =Plugh=

But seven is ridiculous.

[edit] Spacing

Does it really matter? Not really.

[edit] Things to think about

Or, “Why my CSS is broken”.

Why do the lengths of the border-bottom lines for the headings (h1–h6) differ in length despite having the same right margin of 6.5em?

Why is Gecko too stupid to use one and only one font-family when given a list of them, despite the first font having all the appropriate characters? Is this a bug? Probably. Will I bother to report it? Maybe. Soon? Probably not.

What is wrong with my CSS such that it breaks in Safari/KHTML and Opera, but not Gecko? It’d be nice if it worked properly at least in Safari, particularly the personal and portlets stuff.

How can the font size be set to something reasonable without all the resizing cruft? Exempli gratia the ugly Monaco, Courier, and Courier New problem, among others. Right now the font size has to be overridden individually for pretty much every element. Much of this is due to the random em sizes, however.