CENTER SITE ON PAGE

rebecca21 / 2012-11-05 07:25:58   

Hello,
I'm trying to center my site on page, but i want to keep my menu justify on the right, same for the text in the exhibit part.
I've try this : indexhibit.org/forum/thread/3137/
but couldn't get anywhere...
Thank you for your answer, my site : m-a-o.fr/nx/
:)

arsondpi / 2012-11-05 10:50:19   

Although this is for the Legacy version most things apply for v2.

Check out Vaska's post: indexhibit.org/forum/thread/3137/

Where there's #menu use #index and where there's #content use #exhibit

rebecca21 / 2012-11-05 22:19:30   

Well, i've done it as he says :
In the CSS :
body { text-align: center; background: #000; }
#wrapper { width: 960px; margin: 0 auto; text-align: right; background: #fff; }
#menu { width: 215px; float: left; }
#content { margin: 0 0 0 215px; }
.clear-both { clear: both; }

In the Index.php



I've been comparing my code to other centered website, and I don't see where I'm wrong. I'm getting crazy, i've check all the padding and margin, but the menu still stay on le left side!

Help me please...

arsondpi / 2012-11-06 06:46:37   

Hello again.
Did you read the last line of my post above?
;-)

rebecca21 / 2012-11-06 06:54:10   

Of course! i've match all the code with the Index and the exhibit, i've just paste the vaska's code it was in here...

arsondpi / 2012-11-06 07:17:32   

delete the left: 0; from #index

rebecca21 / 2012-11-06 07:24:55   

That's all i'v got, don't have left: 0 in the all CSS. Maybe it's located somewhere else?

#index { width: 300px;
background: #fff;
text-align:right;
float: left;
padding-left: 30px;
width: 280px;
overflow:auto;
position: fixed;
height: 100%;}

#index ul { list-style: none; margin: 0; }
#index ul.section { margin-bottom: 12px; }
#index ul.subsection { font-size:10px; }

.container { padding: 0px 0px 25px 30px; }

#index .container { }
#exhibit .container { padding: 109px 0 0 0; }
#img-container {margin-top: 150px;}

arsondpi / 2012-11-06 07:44:19   

oops - forgot to mention that left: 0; is in your base.css
Alternatively you can add left: auto; in style.css

rebecca21 / 2012-11-06 07:51:06   

Well,THAT WORKS!!! thank you for your early morning help! have a good day, you've made mine better!

This thread has been closed, thank you.