PDA

View Full Version : Fixed panel header height with CSS



bej
16 Oct 2012, 11:35 PM
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
17 Oct 2012, 12:10 AM
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
17 Oct 2012, 12:26 AM
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/