jQuery Forum

Hey,

i tried to build something like a dashboard with widgets and own elements mixed up.

Therefor i would like to create a simple box with a header, showing some content.

After i read the theming guides I thought I need some markup like this:

<div class="ui-helper-reset ui-widget ui-corner-all">
      <div class="ui-helper-reset ui-widget-header ui-corner-top">
        Header for my own box
      </div>
      <div class="ui-helper-reset ui-widget-content ui-corner-bottom">
        <p>This is the content showing up</p>
      </div>
</div>

One paling div with .ui-widget, a header div with class .ui-header and a content div with class .ui-content

The result isn't looking like the other ui widgets. The colors and borders are correct, but all the padding and margin does not look like the one in the ui widgets.

Am I doing something wrong? Or do I need to change the padding manually?


Regards,
Cronet