Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Any way to center board but not top menu
Topic Started: Dec 4 2007, 12:18 PM (617 Views)
Vivid Lust
Member Avatar
Member
[ * ]
Hey all CSS and HTML geeks out there.

How can I center the board leaving the top menu width 100%

Thanks
Offline Profile Quote Post Goto Top
 
Eureka
Member
[ *  *  * ]
Define "center." Isn't the board already centered?
Offline Profile Quote Post Goto Top
 
Vivid Lust
Member Avatar
Member
[ * ]
Have a look at mine so far at: http://s1.zetaboards.com/Pure_Coding/index/.

I used the 800px center although i want to center the board and leave the top menu stretched 100%.

Offline Profile Quote Post Goto Top
 
Eureka
Member
[ *  *  * ]
Code:
 

#wrap, #logo, #submenu, #submenu_bar, #top, #top_bar { margin: 0 auto; padding-left: 0; padding-right: 0; width: 800px; }


Leave out the #top and #top_bar in that code.
Offline Profile Quote Post Goto Top
 
Vivid Lust
Member Avatar
Member
[ * ]
I feel so dumb now xd thanks
Offline Profile Quote Post Goto Top
 
Vivid Lust
Member Avatar
Member
[ * ]
Arghhh it messed up! http://s1.zetaboards.com/Pure_Coding/index/
Offline Profile Quote Post Goto Top
 
Vivid Lust
Member Avatar
Member
[ * ]
Help please xd
Offline Profile Quote Post Goto Top
 
Eureka
Member
[ *  *  * ]
Uh what do you want us to do specifically?
Offline Profile Quote Post Goto Top
 
Vivid Lust
Member Avatar
Member
[ * ]
have a look: http://s1.zetaboards.com/Pure_Coding/index/

Its not centered.

And the CSS is correct...
Offline Profile Quote Post Goto Top
 
Eureka
Member
[ *  *  * ]
Oh, sorry about that. I didn't know what you wanted to do.

Go to your CSS and remove this:
Code:
 

#wrap, #logo, #submenu, #submenu_bar { margin: 0 auto; padding-left: 0; padding-right: 0; width: 800px; }


Now go to Theme Settings and change it back to No Limit instead of 800px.

Then go to Theme Layout and AFTER <!--TOPMENU-->, put this:

Code:
 

<style type='text/css'>
#wrap, #logo, #submenu, #submenu_bar { margin: 0 auto; padding-left: 0; padding-right: 0; width: 800px; }
</style>


That should do it.

Good Luck ;)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply