jqGrid header becomes big when using float in css

Question

I had a jqGrid displaying perfectly ok.

Then I started to develop a basic site layout structure and got into problem: jqGrid\'s header got really huge! :)

He

Answer 1

First of all it seems to me you have to fix margin value of #centralpart to the following

#centralpart {
    margin: 0px 320px 0px 170px;
    text-align: center;
    background-color:red
}

To solve your main problem you should set height of the titelbar div div.ui-jqgrid-titlebar explicitly:

div.ui-jqgrid-titlebar {
    height: 16px;
}

Like you can see on the demo the results will be much better after the changes. (I included background-color in every div to see more clear the size of every div.