logo

New Response

« Return to the blog entry

You are replying to:

  1. I found a fix for IE and opera.. It comes down to display:list-item, and zoom:normal!important (and position:static for opera)

    Instead of doing it from the browser, I actually downloaded ithe demo this time :)

    ul.sort li{

    cursor: move;

    background-color:#f1f1f1;

    margin:10px;

    border:1px solid #CCC;

    padding:4px;

    display:list-item;

    list-style-type:decimal;

    zoom:normal!important;

    list-style-position:inside;

    }

    /* opera hack */

    @media all and (min-width: 0px){

    ul.sort li{

    position:static!important;

    }

    }

    *erhm* The power of CSS! (finally)

    with position:static (to get opera to show the numbers), the items doesn't float in the air, but they still re-sort.

    list-style-position:inline puts the numbers inside the li-item, making it look just like the "hard-coded" numbers in your demo.

    Let me know if it works.. I've might have forgotten something..

Your Comments

Name:
E-mail:
(optional)
Website:
(optional)
Comment: