MyBB Community Forums

Full Version: header aligning issues.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2


I would like to know how to center/align the head "piece" like the content does on my site ( just like mybb).


Edit: I added padding left and padding right to #logo. Seemed to work, but is it the right way to do it?
And now the same should be done with the navigation.
Try this

#content {
background: #fff;
padding: 20px 10px;
overflow: hidden;
width: 70%;
margin: auto auto;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;

#logo {
background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
text-align: center;

#panel .upper {
background: #0f0f0f url(../../../images/tcat.png) repeat-x;
color: #fff;
border-top: 1px solid #444;
border-bottom: 1px solid #000;
padding: 7px;
clear: both;
padding-left: 185px;
padding-right: 185px;

The last padding is the menu, the distance away from left, and the other the same but then from the right

I'm no member, so you have to play with the padding on the panel.bottom


Yeah it worked with adding padding to the left and right.

OK, but one last thing. Your minimum wrapper with is wider then your content with,, that coses the problem you now are facing. Set the content to 70%, and all text will appear.

PS thats why I did include the .content above


What problem? I don't see any width problems?


could u try hard refreshing? I dont see that on my screen. ( Ctrl + F5)
He he . I know how to hard refresh.

Tried with Firefox and Crome, same result.

Can anyone else confirm of this is a align prob or not


I made the content 75% now, although I dont like that, what does it look like now?
Maybe I should work with px instead of % ?
Looks good, try 70% if you don't like it, or change wrapper min something smaller

But you still have to adjust the menu padding since you changed the width
Pages: 1 2