aligning menu in wireframe1colwnews [solved]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
ploss1701

aligning menu in wireframe1colwnews [solved]

Post by ploss1701 »

Hey everyone,

I am freaking on a "probably too easy to solve problem", but it just won't work or I just do everything wrong... sigh  :-[
I want to align (center) the menu in the    wireframe1colwnews basic template. The padding (left) is set to 85px.... fine, now I want to center the menu. I tried different things, the last killing the left padding and adding a text-align:center to the #menu_wrapper. It just won't work....
Can somebody give me a hint ?

Thanks so much !

Philipp
Last edited by ploss1701 on Thu Nov 01, 2007 9:05 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: aligning menu in wireframe1colwnews

Post by Dr.CSS »

You will have to give the menuwrapper a width size then use margin: 0px auto, the auto margin only works if a width is called...
ploss1701

Re: aligning menu in wireframe1colwnews

Post by ploss1701 »

Hey there,

thanks for the hint... i did the following:

div#menu_horiz{width:95%;margin: 3px auto;padding:3px}
div#wrapper{height: 22px;padding: 0}
div#menuwrapper{width:100%;margin:0px auto;text-align:center}

With or without the text-align..... the menu is aligned left.... sigh....

I just don't get it... :-(

Thanks
Philipp
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: aligning menu in wireframe1colwnews

Post by Dr.CSS »

The width was supposed to be the minmum you needed for the menu to fit in, get it as close as you can, then the margin auto will work, if it's 100% there is nothing to margin off of...

Margin pushes on the outside padding pushes inside... and no padding won't take auto... ;)
ploss1701

Re: aligning menu in wireframe1colwnews [solved]

Post by ploss1701 »

oh yeah, there is lots more to learn I guess... sigh  :-\

Thanks for the help  ;)
Locked

Return to “Layout and Design (CSS & HTML)”