« Return to the blog entry
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){
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..
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..