Re: [css-d] getting lists to align right in ie7

2009-01-31 Thread David Laakso 
Sandy wrote:
 hey all,

 there is a problem I hope you can help with - I am pretty much at the 
 end of my rope.
   

Same here. :-)



 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


 http://www.caut.ca/ugfa/test/test3.html

   


Getting the links to read in the correct order in IE 6/7 ain't easy. One 
way to do it (I wish I knew the other way) is to use absolute 
positioning shudder. The difficult part is trying to hold the whole 
thing together with at least a little text-scaling...

Too many changes to the CSS and the markup to write them all down. 
Please see the files:
http://www.chelseacreekstudio.com/ca/cssd/ug.htm

http://www.chelseacreekstudio.com/ca/cssd/ug_files/test3000.css




hth


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
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/

Re: [css-d] getting lists to align right in ie7

2009-01-31 Thread Gunlaug Sørtun 
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/

[css-d] getting lists to align right in ie7

2009-01-30 Thread Sandy 
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.
Sandy
__
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/