> I don't know if anyone has replied yet but this is was I've come up with
> so far.
>
> I've opened this in FF, IE7, and IE6 and yes it does reverse its order.
> As I've found out from Googling it would seem this is the correct method
> as per CSS spec.
> I cannot seem to find your hacks in the HTML or CSS code, only test3.css
> - where are you loading them?
>
> Since you are floating each <li> right it would logically reverse the
> order (first <li> goes rightmost, etc).
> I usually cheat and place the <ul> in a <span> and float that right.
>
> Ta,
>
> ~Mx
>
>
> On Jan 30, 2009 10:29pm, Sandy <sfeld...@sympatico.ca> wrote:
> > hey all,
> >
> >
> >
> > there is a problem I hope you can help with - I am pretty much at the
> >
> > end of my rope.
> >
> >
> >
> > 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.
> >
> >
> >
> > I've got it more or less looking right in 7, if you don't look too
> >
> > closely. To get the two lists in the menu to align right, I have an ie7
> >
> > specific style which reads
> >
> >
> >
> > .menu ul li {
> >
> > float : right;
> >
> > }
> >
> >
> >
> > now - this is good except that the links are now in the opposite order
> >
> > than I want them.
> >
> >
> >
> > http://www.caut.ca/ugfa/test/test3.html
> >
> > http://www.caut.ca/ugfa/test/js_css/test3.css
> >
> > http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css
> >
> > http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css
> >
> >
> >
> > thanks in advance.
> >
> > (also apologies if I've sent this twice - a little email trouble)
hi Mx,
Thanks for looking at my problem.
Georg sent me this, and it works. I have been able to delete the hacks.
best regards, Sandy
from Georg:
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
______________________________________________________________________
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/
