[css-d] IE7 with haslayout and cursor text problem
Hi there, Here is a very simple snippet: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titletest/title style type=text/css media=screen #container {zoom:1; border:1px solid red;} /style /head body div id=containerblah/div /body /html the problem appears only in IE7, move your cursor to the #container filed (the red rectangle, not the text, the text there are just placeholder), it turns in to a text shape. Remove the hasLayout trigger(zoom:1 here) makes it return to normal arrow shape. this does not effect my IE6 and IE5. any fix to this? yes a single cursor:default; would be a cure, but it also changes the text cursor on normal text. Thanks~ -- TM: 7387905 Blog: http://old9.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
Thanks for your replay, cj. Well, I'm not doing a css fix for firefox here, I'm just trying to set a *customized* css value( which is not included in the CSS spec, that's why I use a dash prefix ) for special use in scripting. That is, I'm trying to pass a string parameter to javascript through css. Take the code you wrote for example, whether I'm writing the -my-ff-rule:something; to the .wrapper block or to the .fix-ff block, I just don't know how to access it trough Javascript, and tha's my very problem. the rule -my-ff-rule seems to be totally dropped if firefox, while in IE, it is maintained in the DOM and I can find it in the currentStyle collection. Thanks On 8/1/06, cj [EMAIL PROTECTED] wrote: On 8/1/06, old9 [EMAIL PROTECTED] wrote: hi cj, thanks for your reply. I think I'd represent my problem here, well, what I need is a customized CSS rule, not a regular one, it could be something like: .class1{ -my-rule: my value; } and I want to access the -my-rule rule in javascript. In Internet Explore, I can manipulate that rule through element.currentStyle[my-rule] to get the value my value, and I need a similar approach in Firefox and Opera. my workaround might not be the best approach, but i don't think i was clear enough when explaining it. let's say what you *want* to do is something like: div class=wrapper .wrapper { background: #cc; font-size: 1em; text-align: center; -my-ff-rule: something; } and what i'm saying you could do is: div class=wrapper fix-ff .wrapper { background: #cc; font-size: 1em; text-align: center; } .fix-ff { -my-ff-rule: something; } then toggle having that fix-ff class on the element. it's not exactly what you want, i already know that. however, for lack of anything better, you could try it at least. -- TM: 7387905 Blog: http://old.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
What I'm doing now is to use the font-family property for passing the string, because that's the only thing I can find that could contain custormized strings. That's just a work around which is weird and dirty to my point of view, so I'm asking for help here. Refering to the inline style, yeah, that will lose flexibility somehow, and I'd rather use a html rel property to do the task, as you might see, the reason that I'm choosing css for passing the parameter is to separate the presentation and structure. Thanks for you kindness. :) On 8/1/06, cj [EMAIL PROTECTED] wrote: i'm a bit slow, but i think i understand now. :) the only fresh idea i can think of is to see if inline styles will work, but that won't be very feasible if you are needing to change it in multiple places. sorry i can't be of much help, and good luck. -- TM: 7387905 Blog: http://old.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is it possible to write custormized rules for firefox?
Hi you guys, Like those rules with a -moz- prefix, is is possible to write a custormized rule like -my-rule: myValue; , which would be accessed through JavaScript later? It seem that firefox would chose to drop those unrecogonized rules, rather than ignore and maintain them in the DOM. BTW, I can do that in Explorer, but failed in Firefox and Opera, any suggestion? Thanks -- TM: 7387905 Blog: http://old.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 and min- max- width/height
http://css-discuss.incutio.com/?page=IE7 here is the list of css bugs and improvements of IE7 betas, but in the min-height, max-height, min-width, max-width section, it's said that IE7 does not support those properties. I made my test, IE7 does not support those properties in quirks mode but DOES support them in standards compliance mode. Can anyone make a fix to that page? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floating right with negative right margin in IE
Hi everyone, Here is something based on the Any Order Columns technic mentioned in this article: http://www.positioniseverything.net/articles/onetruelayout/anyorder (great article indeed) div style=display:inline; float:left; margin-left:200px;width:200px; background:#CCC first div in source, at the right side /div div style=display:inline; float:left; margin-left:-400px;width:100px; background:#EEE second div in source, at the left side /div yes it works fine in IE. But It refused to work when I wanted everything to be floated to the right side: I changed the float:left to float:right, as well as the margin, like this: div style=display:inline; float:right; margin-right:200px;width:200px; background:#CCC first div in source, at the left side /div div style=display:inline; float:right; margin-right:-400px;width:100px; background:#EEE second div in source, at the right side /div The problem is, no matter how big the margin-right is,say -px, the left side of the second div just stick to the same line with the first div. Any suggestion here??? And now I have to set the negative margin to the first div to fix this, which is kinda weird: div style=display:inline; float:right; margin-right:200px; margin-left:-400px; width:200px; background:#CCC first div in source, at the left side /div div style=display:inline; float:right; width:100px; background:#EEE second div in source, at the right side /div And this bug, if it is a bug, apears in IE7 b2, too. :( You can get a live demo of what I said here: http://qi.jiahui.googlepages.com/nagative.html Any further reply would be greatly appreciated. Thanks! 9. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] outline problem in Firefox 1.5 on links
hi list, I don't know if it's my own problem so I post it here to hear what you think. As we might already know, it's a common trick to use CSS background on links: #menu a{ float:left; width:80px; height:30px; text-indent:-px; background:url(bga.gif) no-repeat 0 0; } #menu a:hover{ background-position:0 -30px; } But things are different in my newly installed Firefox 1.5, which starts to support part of the outline CSS declaration. When the link is clicked, the dotted outline seems to extend to wrap the indent text. For those who have Fx 1.5 installed, you might refer to Zeldman's website for a live demo :) http://www.zeldman.com/ click the nav image links on the top and you'll get what I mean. As soon as I found this feature(bug?) in Fx 1.5, I changed all my old CSS to hide the outline using: a:focus{outline:0;} But I don't think it's a good way, so there might be a better alternate solution? best -- t.E.l : +8605513602273 m.o.B : +8613855184110 q.Q : 7387905 B.L.o.G : http://old9.wordpress.com E.m.A.i.L : qi.jiahui⊕gmail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] different height on form elements due to different DTD
hi list, here is the problem: CSS: input{ height:30px; padding:0; margin:0; font:12px Verdana,sans-serif; } html(no DTD): html headtitletest/title/head body input type=text / input type=submit value=text button / /body/html The form elements are displayed in the same height(IE,Firefox,Opera), but when I changed the DTD to xhtml, !doctype html public -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; they are different, the button is a little bit short in Firefox and IE, while opera works just fine. so what is the exact thing does the botton have to do with DTD? I'm so confused about this. can anyone please tell me why? Thanks! -- t.E.l : +8605513602273 m.o.B : +8613855184110 q.Q : 7387905 B.L.o.G : http://old9.wordpress.com E.m.A.i.L : qi.jiahui⊕gmail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/