Forum
14:30
14/12/2008
Posting this as a bug, as the behaviour is different in FF3 and IE6.
I'm having a problem using margin:auto to center the page. I found this problem on one of my own pages, but have managed to reproduce it using minimal changes to the code found at http://trirand.com/jqgrid/example.html
Added after html, body {…} :
body {
margin:auto;
width:800px;
}
Added:
<link href="/jquery/themes/jqModal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/jquery/js/jqModal.js"></script>
<script type="text/javascript" src="/jquery/js/jqDnR.js"></script>
Changed:
…
sortorder: “desc”,
caption: “Demo”
}).navGrid('#pager2');
});
This works as I expect in FireFox. The body div is centered and stays centered. (The grid appears slightly uncentered due to it not completely filling the div, but that isn't an issue for this test.)
In IE(6) however, while the body div is centered on load, clicking on any of the pager buttons which bring up an overlay and dialog moves the grid to the left side of the screen.
I'm hoping someone can confirm this as being a problem, as I can find no mention of body margins having to be set to fixed values in the documentation or the forums.
00:40
Moderators
30/10/2007
Hello,
I will say this is not a jqGrid problem.
It is well known that margin auto DOES NOT WORK in IE.
Just google it.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
64 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66