Forum Moderators: not2easy
I want the whole page to be centered, but when I center the (second) table, it centes the left edge causing everything to fall off to the right.
Any ideas? I suspect it is some sort of absolute/relative positioning problem but I am too new to this to figure it out.
[edited by: SuzyUK at 7:49 am (utc) on Mar. 28, 2007]
[edit reason] Please no URI's per TOS #13 [WebmasterWorld.com] [/edit]
it sounds like there second table is centering according to the text-alignment of the first, if you're centering the first table using text-align center.
a small code sample would help us give the right answer for your code
however you could try wrapping the whole design in "container/wrapper" div which would allow you to center in a way that works with back compat and compliant browsers and preserve your text-aligment too.
pseudo HTML
<body>
<div id="wrap">all your code....
</div>
</body>CSS:
body {
...all your rules...
text-align: center;
}#wrap {
width: 800px; /* adjust to suit your width */
margin: 0 auto;
text-align: left;
}
if that doesn't help.. please post a sample of your code (stripped to just the affected tables if possible) with the CSS
Thanks
Suzy
