Blocks - what are the sizes?

pviera's picture

pviera
February 3, 2012
5:11pm

Hello,

I want to design a custom graphic for the block header region and maybe at another time some other regions.

How can I find out the sizes of these blocks?

 

Thanks.

Paula

Comments

constru February 3, 2012
9:17pm

Good question....i want to bookmark this one.

I want to know if i can manipulate the size of the blocks.

But now that i think about it...this may be related to CSS....or some type of custom CSS for the size of the blocks.

Lets see what someone else says.

Moderator
heather February 6, 2012
4:34pm

A width in CSS includes:

  • The padding inside the box
  • The width of the border of the box
  • The margin of the box

This is called "The Box Model" if you are curious and want to read up on it. It's one of those things which rendered differently in different browsers. But it gotten much better. 

So the space available inside a block will depend on the width of the box minus the space for padding on both sides. 

It looks like you don't have padding inside the box actually, so you technically have 186 pixels. 

However, you might want to make it smaller so you have some room on the right side too. 

I found this out by using the Developer tools in Chrome. But Firebug or other browser inspection tool will give you similar results. 

Heather James
Gardens Advisory Team | @learningdrupal