On Fri, Dec 4, 2009 at 11:17 AM, Valentin B <[email protected]>wrote:
> jquery-ui-1.7.2 introduces an empty line in Opear 10.10 between the > tabs and the tab panels when using > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> > > HOW TO REPRODUCE: > The index.html example page that you get when you download jquery- > ui-1.7.2 uses <!DOCTYPE html>. Just change that with <!DOCTYPE HTML > PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> and the empty > horizontal line appears in Opera 10 between the tabs and the tab > panels! > changing the doctype as you've done switches from strict mode (sometimes called standards mode) to quirks mode. Not fun. > > Please tell me how to eliminate the horizontal line, KEEPING <!DOCTYPE > HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> > I don't wish to be non-helpful, but the real fix to your issue (and this is just the first of many you're sure to encounter) is to get your page into strict mode by using a doctype that triggers it. You can check at any time by putting javascript:alert(document.compatMode); in the address bar. If it says 'CSS1Compat' you're in strict mode and the birds will sing. If it says 'BackCompat' you're in quirksmode and baby kittens cry. And you start to lose hair. But think of the soft purry kittens. On a more serious note, I know that sometimes people don't have a choice of which doctype appears at the top of their page, but the majority of the time these are for the wrong reasons. Many times it is due to misinformation on what practical purpose the line serves today. The only thing any web browser today does at all with a doctype is determine whether or not to trigger strict mode. See http://stackoverflow.com/questions/5629/any-reason-not-to-start-using-the-html-5-doctype/14192#14192No need to use the HTML5 doctype per se (though why complicate things). Any of these will work as well: http://www.w3.org/QA/2002/04/valid-dtd-list.html Closest to the one you have now: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> As far as quirks mode goes, there may be an actual fix to make tabs work in quirksmode in Opera 10.10. If there's no possible way on earth you can change the doctype, please do the following - test with other versions of Opera. Maybe it's an Opera bug - test with other versions of other web browsers. If they all do the same thing, it may point to something that's being doing correctly according to quirksmode. This may help isolate the problem which can point to a potential fix - make sure you have the latest version of jQuery (1.3.2) and jQuery UI (1.7.1) and a complete jQuery UI theme (also latest - 1.7.2) - if you can reproduce the issue in Firefox, use Firebug to see where the extra space is coming from. Is it margin or padding? On which element? - 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.
