Hi James, thanks for the explanation ( I'll be answering to you directly also, please let me know if the proper thing...) I took out the float: right away from ul li. but left it in globalNavi, (took out the width and put it again in 100% since without It broke apart in Safari) an now is moved to the left, and I will place the logo there; is there any way to move it to the right but keep the right order of tabs?
This is how it looks right now (in FF Mac looks fine horizontaly only that I need it on the right, on Safari starts to look off, the line I have at the bottom border is higher not at the base of the header) http://preview.aguilar-hauke.de/Sites/test/print.html and http://preview.aguilar-hauke.de/Sites/test/styles/masterTest.css I already try what you suggested about been specific didnt work but I will try the suggestion from James Leslie I only wish I understood the difference between specifying the way you said and I did and this other one. ul#something{ Attributes in here } ul#something li{ Attributes in here } Thanks very much Ana Rob Wilmshurst <[EMAIL PROTECTED]> wrote: Hi Ana, The reason the #globalNavi is in the wrong order is because each is individually floated right. So the browser sees the first element, 'home', and sends it to the right. Elements appearing afterwards are 'queued' to the right, putting them in the opposite order to what you intended. To solve this, you can remove the 'float:right' on the li { } rule, and remove the width declaration from 'globalNavi'. Thus, globalNavi will float to the right, but elements within it are left-aligned. You'll also need to reduce the margin-top on #globalNavi to prevent it from dropping down too far. As for the modifications to subNavi, the CSS rules are not specific enough. Whenever you adjust the ul { } rules, they are affecting *every* on the page. If you make the rules more specific by defining a rule such as '#subnavi ul li { ...styles... }', you will only affect the subnavi. Something such as this should do the trick: #globalNavi { float: right; margin: 66px 50px 0 0; /* or whatever... */ padding: 0; background: #FF7B27 url('../images/navbar.gif') repeat-x bottom left; list-style: none; } #globalNavi ul li { margin: 0; padding: 0; } #subnavi { ...styles... } #subnavi ul li { ...styles... } Hope that helps, Rob -- Rob Wilmshurst [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ --------------------------------- Need a quick answer? Get one in minutes from people who know. Ask your question on Yahoo! Answers. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
