By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

margin: auto etc and MSIE again

P: n/a
Thanks to the people who helped me with centering a block of text in
MSIE 5.5 in the site I am developing at
http://www.members.iinet.net.au/~abell1/test/index.htm with city.css
at http://www.members.iinet.net.au/~abell1/test/city.css. I think I
have that under control now, though I won't be able to test it until
Monday.

But the recommended technique of enclosing the block in a div or p
with text-align:centre and using text-align: left in the enclosed
block doesn't work for centering a menu in its div in MSIE 6. If I
use an enclosing element with text-align: centre it centres the menu
in the viewport (not in the div) in MSIE 6 though it works for
Mozilla, Netscape and Opera.

The relevant part of city.css is
#navigation a {
display: block;
text-decoration: none;
margin: auto;
width: 8.7em;
color: #381D7A;
background-color: #AABADD;
border: 1px solid;
border-color: #FFF #036 #036 #FFF;
padding-left: 0.2em;
}
This works well in MSIE 6, Mozilla, Netscape, and Opera, but MSIE 5.5
puts the menu flush against the left edge of the viewport.
How can I the menu options to centre in the navigation div in MSIE 5.5
and MSIE 6?

Thanks in advance, Alex
Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.