All I can say is STOP USING TABLES altogether. Since you are mixing them with DIV's, you'd be better off to learn how divs work properly.There is an easy way to center your pages with the proper use of Div's.
Then your central container would look something like this:
Code:
#central {
position: relative;
background-color:#FFFFFF;
width:795px; /*Should be about 780 or 785 to assure the bottom scroll bar doesn't appear in IE or Opera with 800x600 resolution
height:1018px;
margin:auto;
}
Next, you just put the rest of your div's or even tables (not recommended) inside it. That way your content stays centered whatever the screen size. (providing it is wider than 800px)
And you shouldn't mess about with the body element like that either. To assure browser compatibility, your body should look something like this:
Code:
body, body * {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat; /* you can change this to the required state
}
__________________
THE FORCE is with me at last! All I need now is some TALKUPATION ;)
Last edited by frofi; 01-11-2007 at 01:19 PM..
Reason: addition
|
