Hi,

So I have my blocks lined up horizontally in the header.

My first question is.. Is it normal to have different margin-top values for the blocks to get them to line up evenly? I tweaked the margin-top values in firefox to get them to line up evenly.. but I feel like its kinda jimmy-rigged because I am using negative values.

Another question I'm wondering... I get the blocks to line up fine in firefox, but when I switch to IE the blocks are off the page (above the header I believe). I think this is because I had to set negative margin-top values for the blocks. Is the correct way to fix this just by editing the IE settings css file included in the theme?

thank you for the help

Comments

cmckay’s picture

cmckay commented

I'm also working on my genesis theme so I might be able to help. What element exactly are you applying the margin changes to? Is the content in the blocks at the top the same - as in, do they all have image/text/unordered list etc. If they have different content, check to see if additional styling is being added.

mxer269’s picture

mxer269 commented

they are all images (all the same height). I added these images into custom blocks and positioned them in the header horizontally.

thanks for any input

Jeff Burnz’s picture

Jeff Burnz commented

It depends, really have to see the site/actual blocks to say what it up.

cmckay’s picture

cmckay commented

Not sure where you are having the problem, but here's a quick scenario: From the default set-up, lets say you want to add 3 custom blocks containing images to the secondary content area. The blocks will display like this:

Block 1
Block 2
Block 3

In order to get them to display horizontally:

Block1 Block2 Block3

Go to blocks.css. Look for the selectors for the specific region - in this case #secondary-content .block and add style it with css like this

 float: left;
 clear: right;
 padding-right: 1em;

Let me know if it helps.