Nav menu appearing differently in IE and FF 2

[FesterSXS]

Hi all,

If you take a look at

http://www.spiraxsarco.com/photo246/

you will notice that the navigation menu appears right-aligned in FF (as it should) but it is appearing left-aligned in IE for some reason.

I cannot see why this is happening and it is starting to get me upset

I would really appreciate some help with this.

many thanks

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[BillyRayPreachersSon]

At a guess, try changing this:

#menu {
    float: right;
}

to this:

#menu {
    float: right;
    width: 100%;
}

As I said - it's a guess, and untested... but off the top of my head, it seems like a good bet ;o)

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[FesterSXS]

Thanks - but unfortunately that hasn't done anything

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[FesterSXS]

Dan, I applied your change to my local copy and it had no effect so I havent uploaded it to the site linked above.

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[Vragabond]

I'll state it differently. If the ul is 100%, being floated left or right wont matter, since it will always occupy all the space. And that is how IE understands it. Try switching to:

#menu ul {
    float: right;
    width: auto;
}

This is not tested though.

 

[FesterSXS]

you are a STAR!!!

Thank you so much Vrag. Thanks to you aswell Dan for your time.

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[FesterSXS]

Vrag (or anyone else of course),

I have just found out that the change we made yesterday to right-align the menu has now introduced a horizontal scroll-bar in IE when viewed at 1024x768.

Any suggestions?


Tony

 

[Tarwn]

This seems to work for me:

#menu {
	float: right;
	margin-left: 145px;
}
#menu ul {
	float: right;
}

Instead of trying to get stuff to drift to the right on it's own accord (and introducing some box/margin issues) this just constrains the space that te menu is in by getting rid of the left side. The only difference I see is that the menu isn't qute as far to the right in IE6, other than that looks good in IE6 and FF for windows as well as FF for linux. Haven't tried any others.

 

[FesterSXS]

That seems to have done the job - thanks so much Tarwn


Tony

 

[Tarwn]

Not a problem, I'll take my payment in cash