Sandy wrote: > I have a page where I would like some things to line up on the right, > and it's working in the browsers I've tested except for IE6 and 7.
> http://www.caut.ca/ugfa/test/test3.html 1: delete the mentioned IE-only styles. 2: replace existing styles for the relevant elements with the following... .menu { clear : both; width : 780px; margin-right : 10px; font-size : .9em; font-family : arial, sans-serif; font-weight : normal; letter-spacing : .03em; background-color : transparent; padding-top: 40px; } .menu ul { padding : 0; margin : 0; clear : left; color : #5d7e25; text-align : right; list-style-type : none; background-color : transparent; text-align: right; } .menu ul li { display : inline; } ...and all major browsers will agree (with you) on how to render it... <http://www.gunlaug.no/tos/alien/sandy/test_09_0131.html> The problems with IE7 and older are related to "right-floats and clearing" bugs, so the solution is to avoid "right-floats" and rely on 'text-align' instead. Even IE supports that bit of CSS pretty flawless. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
