I have been trying for days and days to centre the page in a higher resolution than 800x600 but every css and html method I try doesn't seem to solve it.
How did you solve this in the new version. Can you tell?
Do I need to change anything in the way the css is made?
I changed all the absolute positions to relative I have completely removed the position tags but still nothing.
I never encountered a problem like this and am at a totall loss and about to give up. This is the last place I try then I am going to give up[2 H:...(].
It sort of works. There is only one issue that remains. I made the page 772 pixels wide so I will not get a horizontal scrolbar on 800x600. In 800x600 the page doesn't align to the left border of the browser anymore.
In IE 6 it places itself about 7 pixels (half a centimeter) of the left edge, same goes for Firefox and Opera. If I make the page for instance 800 pixels wide it still gives me this problem including the horizontal scrollbar that isn't needed.
How would I go about solving this? In 800x600 the page should remain on the left edge and in higher resolutions the page should be centered (which it now does by the way).
I did solve it. I did something very bad[2 H:...(] I went and downloaded sitespinner[2 H:.(] which has an awfull GUI by the way and I really don't like that program, but they had a solution that worked nicely.
They solved it by doing this: <STYLE type=text/css> #centered { PADDING-LEFT: 1px; MARGIN: 0px auto; WIDTH: 780px; POSITION: relative; HEIGHT: 100%; TEXT-ALIGN: left } BODY { MARGIN: 0px; WIDTH: 100%; HEIGHT: 100%; TEXT-ALIGN: center } </STYLE> which goes in the head and this: <DIV id='centered'> here comes the content of the site (all of it) </div>
This seems to work. I haven't figured out why yet but I just tried it and haven't got around to figuring it out.
One thing I notice though is that in he centered id the width was set to 798 which is waaaaay wider than my site is (which is only 772). I tried setting it to 772 but this gave me the same porblem as your solution. I tried going up 1 pixel at the time and it only worked on 780. This way it al fits exactly in 800x600 without space on the left and without a horizontal scrollbar.
How did you solve it?
Posted - 11 Oct 2004 : 15:22:26
