jQuery: The Write Less, Do More JavaScript Library

|

»

jQuery UI Discussion

jQuery tabs w/simpleviewer displays differently in ie & ff

View: New views

3 Messages — Rating Filter: Alert me

	jQuery tabs w/simpleviewer displays differently in ie & ff by David-788 :: Rate this Message: Reply to Author \| View Threaded \| Show Only this Message 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 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? Thanks. -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@.... To unsubscribe from this group, send email to jquery-ui+unsubscribe@.... For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
	Re: jQuery tabs w/simpleviewer displays differently in ie & ff by intrader-2 :: Rate this Message: Reply to Author \| View Threaded \| Show Only this Message IE6, IE7 and IE8 are all different. The one closest to Firefox is IE8 - I have found this browser more standards conformant. I presume that you have tested the three versions. While possible to normalise, it is difficult with different CSS, containers, and JavaScript to make it all work. On Nov 7, 2:31 am, David <techb...@...> wrote: > test page is athttp://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 > 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? > > Thanks. -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@.... To unsubscribe from this group, send email to jquery-ui+unsubscribe@.... For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
	Re: jQuery tabs w/simpleviewer displays differently in ie & ff by Richard D. Worth-2 :: Rate this Message: Reply to Author \| View Threaded \| Show Only this Message Some parts of this message have been removed. Learn more about Nabble's security policy. On Sat, Nov 7, 2009 at 5:31 AM, David <techbin1@...> 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 jquery-ui@.... To unsubscribe from this group, send email to jquery-ui+unsubscribe@.... For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.