Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Problem with body { margin: auto; }
14/12/2008
14:30
Avatar
JJohnson
New Member
Members
Forum Posts: 2
Member Since:
14/12/2008
sp_UserOfflineSmall Offline

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.

15/12/2008
00:40
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

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.

15/12/2008
02:14
Avatar
JJohnson
New Member
Members
Forum Posts: 2
Member Since:
14/12/2008
sp_UserOfflineSmall Offline

Thanks for your reply.

After a bit of thought and some CSS changes,centering now consistently works for IE as well as FF.

Forum Timezone: Europe/Sofia

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.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information