Fixed panel header height with CSS

[bej]

Is there any solution to set a fixed height to a panel header by only using CSS? I prefer to not mix up style and layout related stuff in JS and CSS code, for example to not explicitly set the height-property in the panel header JS code.

See http://jsfiddle.net/HQ7JW/4/ as an example for the problem.

[sword-it]

Hi
please try to add css for the panel's body section also in you code like


.x-panel-header {
height: 33px;
}
​.x-panel-body{
position:relative !important;
left: 0px !important;
top: 33px !important;
}​

[bej]

well, that fixes the header, but now the body looks somehow strange ... From my point of view the component's layout (width, height, offsets, ...) calculation should take the CSS into concern.

http://jsfiddle.net/HQ7JW/6/