morph fx issue

[Mr T]

Hi All

Loving Mootools but cannot figure why the menu system I have coded is not working, looks different in most browsers too!

It is probably easier to show you the site which is here...

http://emperorsrestaurant.co.uk/menuTest.html 

I am trying to keep it all html5 and css3 stylee but am having issues with this.

I wonder - if someone would be so kind as to point out where I am going wrong with this and give me some idea how to stop the menu on the right from dropping down.

I have tried to add float:right; to the div in css but this seems to have no affect.

Hoping you can get me a swift answer - many thanks in advance.

Si

[Sanford Whiteman]

> It is probably easier to show you the site which is here...
> http://emperorsrestaurant.co.uk/menuTest.html

Well, kinda, but it looks different in different browsers (as you say)
so it's hard to tell what you consider a bug!

Depending on how you look at it, either you should do a major
restructuring of the markup or just do a spot fix. I don't like the
current styling so much, because you end up with weird dependencies
where (for example) *increasing* the left margin on #menuBox element
lets it flow to a *wider* width because it bumps it around some
floated stuff.

Anyway, one way to look at this is you simply overflowed your 960
grid. <ARTICLE> has 850px to give. #subNav is 340, #menuBar is 514px.
That's 854px. Lower #menuBar to 540px and, at least in Webkit, it no
longer wraps.

-- S.

[Mr T]

Sanford - thank you for pointing out my schoolboy error!  Must have checked everything else but the the widths!! Hey ho

Seems to be working fine now.

Thanks Again

Si