On Sat, Nov 7, 2009 at 5:31 AM, David <[email protected]> wrote:

> test page is at http://www.mangosteenarts.com/test/test3/tabs1.html
>
> There are several major differences in how this displays in IE and
> Firefox
>
> IE                                                    Firefox
>
> tabs square edges                             tabs rounded edges
>

For jQuery UI rounded corners in IE, see

http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/


> horizontal scroll bar                           no scroll bar
> viewer confined within jQ tab               viewer extends beyond jQ
> tab
> substantial top margin                        slight top margin
> slight bottom margin square corners    very large bottom margin w/
> rounded corners


> Why is this? Is there any way to normalize the cross-browser display
> properties?
>

Start by getting your page into standards mode instead of quirks mode by
using a valid DOCTYPE. There are plenty of others, but if all you need it
for is to trigger standards mode, just use this:

<!DOCTYPE html>

If you're ever on a page and want to see what mode it's in, paste this in
the address bar and press enter:

javascript:alert(document.compatMode);

If the alert says 'BackCompat' that means quirksmode, and you'll create a
lot of work for yourself in plenty of browers, but especially in IE. You
want it to say 'CSS1Compat'

- Richard

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to