View Single Post
  #6 (permalink)  
Old Mar 24th, 2008, 20:28
headcoat headcoat is offline
New Member
Join Date: Mar 2008
Location: London
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Vertical alignment issues in IE6. IE7 Won't center my page!

Two things - firstly not all browsers read vertical centreing, can't remember which one it is (Safari?) but one will mess your page up with vertical centreing. Horizontal is cool however.

As pointed out above you need the text-align : left in the wrapper/container and text-align : center for the body. You'll need a wrapper div to act as a container something like below -

/*wrapper centres page*/
#wrapper {
margin : 3px auto 0 auto;
padding : 0 0 0 0;
width : 876px;
height : 570px;
background-color : #cccccc;
text-align : left;
}

Here's a good link

http://www.bluerobot.com/web/css/center1.html

Good luck

Hi Claire -

Still working to 800*600!!!! Even the BBC and my useability/accessibility obsessed tutors last year (and I mean completely obsessed) have moved to 1024*768 now...my site logs show under 0.5% of users in 800*600 - time they moved on? Or learnt to increase text size or bought glasses ;-0
Reply With Quote