ansaurus

Question

Answer 1

+1 A:

You don't posted the whole HTML and JavaScript code. I created almost the same example which has no described problem. So you problem is in the part which you not posted. For example, has your HTML code <!DOCTYPE html ...> element?

Oleg 2010-10-22 16:06:42

Added a link to more code at end of post. We do have this doctype: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">`

Marcus 2010-10-22 16:14:03

@Marcus: The new version of the code has more unreferenced parts (more CSS documents, more javascript documents). Try to reduce the code so that you has a HTML page with all references needed and where the problem exists. First of all you can try to remove all javascripts and all custom formatters (with no data they are not used). Then reduce the number of CSS files. At the end you will have a code close to my example. If you not find yourself the problem I will be able to **reproduce** your problem and hopefully will find the reason.

Oleg 2010-10-22 16:29:13

Will try to do this. Is there something wrong with the DOCTYPE definition we have?

Marcus 2010-10-22 17:04:38

Updated post one more time.. why would DOCTYPE have this affect?

Marcus 2010-10-22 17:16:38

@Marcus: I am not sure, but `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">` is **really** very old and it limited support for style sheets and no support for HTML 4 features. CSS from jQuery and jqGrid use some advanced features. Probably it is the reason. Try with `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"` or better with `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">` of my favorite XHTML 1.0 Strict, but verify the page in http://validator.w3.org

Oleg 2010-10-22 17:48:50

Indeed the HTML 4.01 DOCTYPE fixes the problem - except it breaks other non related functionality in our app. So I don't think I can use it right now.. But I did see that `.ui-jqgrid .ui-pg-input{height:18px;width:18px;}` seems to solve the issue. Does that sound right?

Marcus 2010-10-22 20:32:17

@Marcus: I am not sure that the issue with the pager size is the only problem which you can has. On you place I would do use HTML 4.01 DOCTYPE (or XHTML) and analyse the existing problem with the "Trace Styles" feature of the Developer Tools of IE8.

Oleg 2010-10-23 07:48:42

I think we are going to try to use the 4.01 Doctype as you recommend..

Marcus 2010-10-26 00:44:00

ansaurus

tags:

views:

answers:

jqGrid pager textbox size

related questions