Pretty good Google result

Step 1: Notice how my website renders poorly in Opera.
Step 2: Look at the CSS, take a guess at what’s screwing it up.
Step 3: Search for “opera overflow-x”
Step 4: Find this page, with people discussing how my website renders poorly in Opera

3 Responses to “Pretty good Google result”

  1. AC Says:

    I just found your extension due to the recent Slashdot change. I installed the extension and tried a change suggested by another slashdot user. It only works if I unapply and then apply. Here’s the text I’m using:
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain(”slashdot.org”) {
    /* move the “read more” and “n comments” boxes to the left */
    div#contents div.storylinks ul li
    {
    float: left;
    padding: 0 0.2em;
    }

    /* put the “read more” link where it belongs */
    div#contents div.storylinks ul li.more
    {
    border-right: 0;
    float: left;
    padding: 0 1.5em 0 0.2em;
    background: url(//images.slashdot.org/read-more.gif) no-repeat 95% 50%;
    }

    /* normalize the link */
    div#contents div.storylinks ul li.more a
    {
    background-image: none;
    padding: 0;
    }

    /* get rid of the spaaaaaaces and make it a nic(er) font */
    body
    {
    line-height: 1.25em;
    font-family: Georgia, Times, serif;
    }
    }

  2. jason Says:

    AC, you need to include !important at the end of every value.

    div#contents div.storylinks ul li
    {
    float: left !important;
    padding: 0 0.2em !important;
    }

    This is because the instant apply method I use has a slightly different priority than the regular method.

  3. Moktoipas Says:

    Don’t know where to talke about this problem:

    this page can’t be display due to an error in the XML file:

    there is a “&” not replaced by “&”

    http://userstyles.org/style/show/226

Leave a Reply

Adventures in development - Web standards and Firefox extensions