I would like to know how to center/align the head "piece" like the content does on my site ( just like mybb).
Cheers
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.
Cheers.
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 width..to something smaller
But you still have to adjust the menu padding since you changed the width