centering a website-.outer/inner not working

[pelsar]

It shouldnt be a problem...just centering the site.....except its not centering. Perhaps a code conflict?

this is what i am using within the CSS

.outer {
width:687px;
margin:auto;
display:table;
}

.inner {
width:auto;
margin:0px;
display: table;

_____

and the code within the page....
<div class="outer">
<div class="inner">

----content-----

</div>
</div>



and the site:

http://www.spinnerdesign.co.il/

 

[design-is]

Hi

Not looked extensively, but

.outer {
width:687px;
margin: 0 auto;
display:table;
}

might do the trick.

Why have you got display:table on these classes?

You have some bits of CSS in your head, is there a reason you haven't incorporated these into the attached stylesheet?

/Doug

 

[TheCoupe]

Hi, I have only had a brief look at the css files and have noticed that you are using an awful lot of absolute positioning.

if you remove the absolute position from your .outer, you will notice that your whole page moves to the right.

.outer {
width:687px;
margin:0px auto;
position: absolute;
}

note, your margin should also read 0px auto. It could take me a while to go through all your css to make this work, but ultimately, start at the top and work your way through. Remember, you are currently using a method to 'absolutely' position elements on the page, rather than allowing them to be relatively positioned to their parent element.

Hope this helps.

Thanks

Justin

 

[pelsar]

thanks for the hint.....

Hi

Not looked extensively, but

.outer {
width:687px;
margin: 0 auto;
display:table;
}

might do the trick.

Why have you got display:table on these classes?

You have some bits of CSS in your head, is there a reason you haven't incorporated these into the attached stylesheet?

/Doug

we're now starting to clean it up...all of those css bits in the header were a result of many experimentations, etc, rather than mess up the style sheet with junk code....

(us graphic designers tend to start with pics/images/placement etc first and deal with coding "after the fact")

anyways will start the fix up