Ugh! don't do this type of stylish when you still have other options...
/* setting the correct width in the body,
with relative position and margin:auto,
will right center your document,
once you have a correct DTD and valid html and css */
body {
background:#000000 none repeat scroll 0 0;
font-family:"Arial Rounded MT Bold","Verdana","Arial","Helvetica",sans-serif;
font-size:90%;
height:600px;
margin:auto;
padding:0;
position:relative;
width:960px;
}
Then remove that:
left:50%;
margin-left:-480px;
...from your #container.
In other hand, vertical centering is always hard to do, and i'm sorry
by not having any idea at the moment.
On Wed, Sep 17, 2008 at 8:56 PM, S Wodehouse <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I've got horizontally and vertically centered pages that work fine
> except at 800 x 600 resolution. At those dimensions, the pages shift
> up and to the left.
>
> Page: http://www.billkeyart.com/bkad_about.html
> CSS for above page: http://www.billkeyart.com/bkad.css
> Screenshot of 800 x 600 problem:
> http://www.billkeyart.com/current_problem.html
> .
>
> Is there a way to fix this? This is what I tried:
>
> I found another way to do the v/h page centering that solved the above
> problem, but it caused a different problem: it looks fine in the
> browsers that I tested except for IE5, IE6, and IE7. It does work in
> IE8.
>
> Page: http://www.billkeyart.com/vert_about.html
> CSS for above page: http://www.billkeyart.com/bkad_vert.css
>
> Screenshot of problem: http://www.billkeyart.com/msie_problem.html
>
> The first two windows show IE6 and IE7, where the contents of two divs
> (the navagation buttons and the slideshow viewer) shift from the left
> side of the page about 500 pixels over to the right side of the page.
> The third window shows that they also shift in IE5, but in addition
> the page background shifts to the right just enough so that about 15
> pixels worth of its right edge appears in the left side of the window.
>
> The fourth window shows that the page looks fine in IE8. The last
> window shows what happened when I tried to fix this:
>
> I changed the positioning of those divs from absolute to relative,
> and they shifted back into place, BUT then the page's background image
> shifted way down.
>
> I'm kinda frustrated and would appreciate any ideas. Thanks.
>
> Sylvia
> >
>
--
Paulo Diovani
[EMAIL PROTECTED]
+55 51 8146 5413
___________________
http://www.diovani.com
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
