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
--~--~---------~--~----~------------~-------~--~----~
--
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]
-~----------~----~----~----~------~----~------~--~---

Reply via email to