WordPress.org

1. PostmanR
   Member
   Posted 5 years ago #

   Hi everyone -

   I've just set up the minima plus theme on my blog - http://www.wearethepostmen.com

   I expanded the width of the posting area and accordingly, had my header line up right above the posts on the left side.

   HOWEVER, in larger resolution/bigger monitors, the header does not line up properly, I have recently found out. (In both IE and Firefox)

   Now, I'm pretty sure I've figured out why. I have this for the css :

   #masthead {
   float: left;
   display: inline;
   margin: 0px 60px 0px;
   border: 0px solid #999;
   background-image: url(masthead.jpg);
   width: 660px;
   height: 211px;
   }

   Having 60px off the left on my margins lines it up fine in smaller resolution/smaller monitors. But, obviously in bigger ones, it keeps it out off whack, way to the left bc there is more space to work with.

   So, any suggestions as to how to get the header to line up perfectly in both?

   Here's a link to my CSS.

   http://www.wearethepostmen.com/wp-content/themes/minimaplus/style.css

   Thanks in advance!

   PostmanR

2. Haecceity
   Member
   Posted 5 years ago #

   Give the header div a width and set the left and right margins to "auto". That's how you center a div.

3. PostmanR
   Member
   Posted 5 years ago #

   Thanks for the help. I took your advice.

   However, that centers the header over both the sidebar and the posts.

   I would like it centered above the posts only.

   Again, thanks.

   Any other suggestions?

4. Haecceity
   Member
   Posted 5 years ago #

   What I'd try doing is creating a container div for the header that has the same width and left margin as your posts, and then your header div will be centered within that.

Topic Closed

This topic has been closed to new replies.