Joomla Templates Club 406,261 posts

[ttimalsina Friend ttimalsinaJoin date: November 2006Posts: 6Downloads:0Uploads:1]

#131128

I am trying to float main navigation to right and having no luck. Well, I pushed it to 490px from left but I would like to have it floated right with <li> floated left: How can I do this?

->->->->->->-> Home | About | 3rd link | 4th Link | 5th Link (Float to right)

——————————————————— */
#ja-mainnav {
height: 30px;
position: absolute;
bottom: 0;
/* left: 0; *//* This controls the positon */
left: 490px;
}

---

Attachments:

1. 

[ttimalsina Friend ttimalsinaJoin date: November 2006Posts: 6Downloads:0Uploads:1]

#261146

Well, I added the 70px margin to top and made it to float right. Removed position: absolute. It short of did the job but once the header height changes, it will not align properly. I would like to hear form JA team on how to do this:

#ja-mainnav {
margin-top: 70px; /* Added 70px to top */
height: 30px;
/*position: absolute;*/ /*Disabled absolute position */
float: right; /*Floated it to right to shift the dive to right */
bottom: 0;
/* left: 0; *//* This controls the positon from left – Commented it out */

}

[ttimalsina Friend ttimalsinaJoin date: November 2006Posts: 6Downloads:0Uploads:1]

#261147

Well, I added the 70px margin to top and made it to float right. Removed position: absolute. It short of did the job but once the header height changes, it will not align properly. I would like to hear form JA team on how to do this:

#ja-mainnav {
margin-top: 70px; /* Added 70px to top */
height: 30px;
/*position: absolute;*/ /*Disabled absolute position */
float: right; /*Floated it to right to shift the dive to right */
bottom: 0;
/* left: 0; *//* This controls the positon from left – Commented it out */

}

** Above dirty fix worked on Safari 3.x, Firefox 3.x and Opera and failed on IE6 🙁

[Author]

Posts