Stupid CSS Mistakes
Friday, 14. December 2007, 04:13:01
However, the following gem stood out for me:
vertical-align: right;
Congratulations, http://www.amazon.co.uk/ !
Friday, 14. December 2007, 04:13:01
vertical-align: right;
Saturday, 17. November 2007, 08:08:34
Monday, 23. July 2007, 13:34:33
Saturday, 15. July 2006, 03:32:20
(my emphasis)...the row is represented by a p element which is fixed to the window rather than the scrollable canvas. If the Acid2 page is scrolled, the scalp will stay fixed in place, becoming unstuck from the rest of the face, which will scroll
Friday, 16. June 2006, 16:35:47
ul.menu li.submenu ul {
-uacss-opera_eq_9_00-display: none;
}My script processes that so that only Opera 9.00 gets "display:none", all other browsers get nothing, so it's "business as usual" for them.Saturday, 10. June 2006, 18:10:10
Friday, 14. October 2005, 08:46:35
body {
-uacss-iewin-display: none;
}There's not much that can be done about that! Ultimately, my script is just tool. It's all in how you use it. I've included some usage guidelines on my web page. It's my hope that people may find my script useful.Monday, 26. September 2005, 08:12:55
selector {
-vnd-property: value;
-vnd_cmp_ver-property: value;
}"vnd" is the vendor specific code. The "_cmp_ver" bit is optional. "cmp" is a comparison operator, similar to IE's conditional comments (lt=less than, eq=equals, ne, le, gt, ge). Multiple _cmp_ver's AND together. OR-ing is achieved via multiple declarations. The format of ver by necessity depends on the vendor in question, but a sequence of one or more numbers separated by underscores seems reasonable. Maybe a number starting with a "b" to specify a particular build number. Therefore, fixes can easily be targetted to the precise versions that need them.foo {
display: inline;
-khtml-display: inline-block;
}
Friday, 23. September 2005, 12:00:35
@import url(operasp.css) -o-screen,-o-projection;
@import url(mozscreen.css) -moz-screen;
@media -msie-print {
/* MSIE print styles */
}
<link rel="stylesheet" type="text/css" media="-khtml-all" href="khtml.css" />
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
|
| ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | |||||
My personal web site