Forum


15:07

21/01/2009

I using jqGrid 3.3 and are having problems getting the main grid and pager to center in my page. Are there guidelines for styling the grid? I couldn't find any documentation on styling. I wrapped the table and pager divs inside a div and set that to float:center. It doesn't work. Part of my problem is that I have a vertical menu to the left. The main grid draws to the right of that and the pager's absolute left side is at the window left side.
See example picture here:
[Image Can Not Be Found]
Any help would be appreciated.
15:08

21/01/2009

Crap, the image isn't showing up. Try this link:
08:27

13/11/2008

Your problem has nothing to do with jqGrid and everything to do with css.
First things first... There is no property as float: center. It's either, left, right or none.
Next... you did well to wrap the grid in a div. The first thing to do is float your vertical menu left, then you can set the wrppaer div's margin: 0 auto. This will place the wrppaer div in the middle of the available space.
Hope this helps. Maybe a more experienced CSS'er can be of better assistance.
Cheers,
P.
08:34

21/01/2009

Hi Palobo,
Thanks for the tip. That did the trick. I guess I confused the float:center with the align property. Anyway, I actually expanded it a little further and just put the whole thing inside a 3 column layout (found an example on the net) and plugged it in by putting the grid table in the middle column with a little margin and padding property div. It looks a lot cleaner that way.
Thanks again for taking the time to help me.
-Keith
Most Users Ever Online: 715
Currently Online:
100 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