I have resolved this for my application.  Below you can see the explanation.

I did a search on the net and I realized how important the DOCTYPE
directive is.  So I decided to run a few tests, I created a few simple
pages with the following DOCTYPE entries:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Transitional//EN">

The last one is what is being generated by my application--to make a
long story short, this is part of the header that is generated by one
of our in-house libraries.

When I include jQuery and jQuery UI (1.7.2. or 1.8a2) everything works
as expected.  Where things break is when I also include jqGrid
(3.6.2).  The last DOCTYPE causes the buttons to dissapear and the
width, height properties as well as the associate scrollbars to act
erratically.

My problems were only with I.E., I have tested in both FF and Opera
and I had no issues irrespective of the DOCTYPE used.

I hope it will save some time to some of you out there.

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


Reply via email to