Keyboard Face

when you find QWERTY imprinted on your cheek - it's time to go to bed.

Tags

asp CSS css menus dreamweaver flash gallery2 hosting iis7 Javascript jquery jquery ui left mac mssql os9 php printer rdp SEO sql sql server windows wordpress

JQuery UI hiding CSS Menus in IE

by Leave a Comment

We have some nice CSS flyout menus on a site I’m working on now. Unfortunately in IE7 and IE8, JQuery UI’s tabs are being displayed above the flyout menus, making it look like flyouts are appearing underneath the tabs – not what we want.

After much digging through code, firebugging, etc., I figured out that the problem has to do with position:relative and position:absolute.

It would appear that position:relative will trump position:absolute no matter what the z-index. Very confusing and frustrating.

The fix I ended up using was to add a inline style of position:static on the tags that were being made relative. This fixed it and I didn’t have to edit the JQueryUI generated CSS.

IE 7 clear:both not working

by Leave a Comment

IE7 apparently has a bug where clear:both doesn’t work correctly. It would work periodically if I refreshed the page, but that doesn’t give any consistency. Took awhile to find the solution, but here it is:

Set the parent element to have height:100%. It should work now. For clarity sake, here’s some sample code:
<div style="height:100%">
<div style="float:left;width:100px;">left stuff</div>
<div style="float:right;width:100px;">right stuff</div>
<div style="clear:both;">Clear</div>
</div>