I've got two buttons that I style with jQuery css styling - I don't actually make these into jQuery buttons with the .BUTTON() method but I've got the CSS hardwired in the page html (I'm cloning these buttons all over the place)...
But at any rate - these buttons look good in FF on my machine and look good in IE on my development machine.
In production at the client site some work in IE and some don't.
I'm attaching images of both a working and non-working button with the COMPUTED STYLE from DebugBar
*** Read the sticky in the DB forum about how to get your question answered quickly!! ***
Please remember to rate posts! Rate any post you find helpful - even in old threads! Use the link to the left - "Rate this Post".
It took me two hours to even find an IE debugger (DebugBar) - which I had to install on the webserver of my customer to even see the problem - I do all my development in FF and then check if IE looks ok on my laptop - which it does for these buttons...
So I found DebugBar and the image I posted in the OP (just download it and open it - it should be readable once a local jpg...) are the COMPUTED LAYOUT of the button...
Does that mean I could create a sample page of just that COMPUTED STYLING and see it both work and NOT work in IE???
What styling feature would make a button collapse in IE - or am I missing a reference to a CSS style that trumps these ones or gives defaults to this one???
Is it that the parent objects are different between these two elements???
I have done a lot of painful INLINE type stuff to make the buttons appear next to each other horizontally in the past...
*** Read the sticky in the DB forum about how to get your question answered quickly!! ***
Please remember to rate posts! Rate any post you find helpful - even in old threads! Use the link to the left - "Rate this Post".
The easiest way for someone to troubleshoot this for you is if you can provide it either online or as an attachment in the thread. Also, always state what version of IE you're talking about; they all have their unique bug sets.
Why are you using <span> elements inside of <button> for styling? Can you not omit them and style the <button>s instead?
My laptop and the PRODUCTION server both run IE8 - laptop that WORKS is using 8.0.7601.17514
Production server that DOES NOT work is using 8.0.6001.18702.
Since they were both using different rev levels of IE8 I didn't think that could be the culprit - although I'm sure it could!
The reason I'm using the span is because that is what I found the REAL jQuery .Button widget used - I was hoping if I used the same type of element that the styling would work the same...
I can't really give you source as the page builds dynamically after PAGE READY using all kinds of jQuery clone methods...
*** Read the sticky in the DB forum about how to get your question answered quickly!! ***
Please remember to rate posts! Rate any post you find helpful - even in old threads! Use the link to the left - "Rate this Post".
I can't really give you source as the page builds dynamically after PAGE READY using all kinds of jQuery clone methods...
FYI, the Firefox WebDeveloper extension has an option for "View Generated Source" that will give you this. Alternatively you can open firebug at the "HTML" tab, or Chrome Developer Tools, and right-click on the <html> tag and select "Copy HTML".