Re: [css-d] Firefox floated element onclick event ignored
Actually I solved this one on my own. I'm not sure why but when the item is floated, it must also be declared as display: inline. And for some reason in Safari only when it is declared display: inline, position: relative must also be declared otherwise weird css/ javascript stuff happens. I neglected to mention that all these elements are inside a containing div which is positioned: absolute and that containment div is itself in a containment block which is position: relative. You can see the live site here where I have gotten it working properly in Firefox, IE6/7, Safari: http://www.optiledtech.com/ click on the sign in text in the header, left side. You should see registration form fields alpha-in and alpha-out as you click on Sign In. - Ben On Jan 16, 2007, at 9:20 PM, Richard Grevers wrote: On 1/17/07, Ben Liu [EMAIL PROTECTED] wrote: okay, admittedly this is not really a CSS question, but I was hoping someone on this list has come across this or is familiar with the problem. For some reason, in Firefox only (doesn't seem to apply to Safari or IE6/7), if you float an element and add an onclick event, Firefox ignores the onclick event. Do you have a test page? -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz __ 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/ __ 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/
[css-d] Firefox floated element onclick event ignored
okay, admittedly this is not really a CSS question, but I was hoping someone on this list has come across this or is familiar with the problem. For some reason, in Firefox only (doesn't seem to apply to Safari or IE6/7), if you float an element and add an onclick event, Firefox ignores the onclick event. The same element when not floated responds normally. Does anyone know if this is a bug or proper browser behavior? Also, any known workarounds to this? I'm not able to position this clickable element using position: absolute, it must be position: relative and it needs to float to the left of another element. The only other solution I can think of is to place it into a table in order to achieve the side-by-side presentation. Thanks for any help, Ben __ 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] Firefox floated element onclick event ignored
On 1/17/07, Ben Liu [EMAIL PROTECTED] wrote: okay, admittedly this is not really a CSS question, but I was hoping someone on this list has come across this or is familiar with the problem. For some reason, in Firefox only (doesn't seem to apply to Safari or IE6/7), if you float an element and add an onclick event, Firefox ignores the onclick event. Do you have a test page? -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz __ 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/