webwiz wrote: "Zoom" is a

Megan — Wed, 29 Apr 2009 16:23:34 +0000

webwiz wrote:

"Zoom" is a Microsoft special property that gives an element "hasLayout"[1] - another Microsoft oddity. Understanding "hasLayout" is pretty much essential if you are ever to get a handle on IE bugs.

There are a bunch of rules that will give an element hasLayout. Zoom is one of them, also height: 1%, position: relative, and a few other things.

You can check whether something hasLayout using the IE developers toolbar. It will show up as hasLayout: -1 if it does "have layout". If it doesn't that property won't appear at all.

This is always something to check if you're having weird IE problems.

Thanks the help webwiz. I'm

teammatt3 — Wed, 29 Apr 2009 15:30:56 +0000

Thanks the help webwiz. I'm using the zoom rule on just the #content div, and it fixed everything. I'll add that to my IE bug fixing list.

Dunno why "position:

webwiz — Wed, 29 Apr 2009 14:22:18 +0000

Dunno why "position: relative;" works-- I don't think anyone can explain the many oddities of IE.

"Zoom" is a Microsoft special property that gives an element "hasLayout"[1] - another Microsoft oddity. Understanding "hasLayout" is pretty much essential if you are ever to get a handle on IE bugs.

Re. your pixel sized fonts - I'm not making fun, I'm serious. It's a common design mistake. The text-size option in IE does not work when you do this. (View > Text size > Larger etc.) Although 16px is likely a good size on _your_ computer, on my high-res IBM laptop 16px is little more than half the default size. So 16px does not work for everyone.

Hope this helps.

[1] On having layout

The position:relative rule

teammatt3 — Wed, 29 Apr 2009 00:53:00 +0000

The position:relative rule worked, but I had to add that rule to a bunch of other elements because they become hidden.

Do you have more info about how/why that fixes the problem? I did not know about that fix. I'd like to figure out a way around that if it's possible.

EDIT: Hey, no poking fun at me for using pixels. I can't do the math for ems, it's too confusing.

YET ANOTHER EDIT: Your zoom:1 does the trick too. What is the "zoom" property for?

Odd. My Win xp install has

webwiz — Wed, 29 Apr 2009 00:20:54 +0000

Odd. My Win xp install has IE 8, so I am looking at your page in IE 6 on Win 2000. Apart from the dubious practice of using pixel sizes for fonts, I see no problem at all, no matter how often I open/close IE or refresh the page.

Couple of things to try:

- Add 'hasLayout' to #content: "zoom: 1;" is a good temporary way to do that.

- Add "position: relative;" to #content or to the paragraph. That sometimes makes things show up.

That's just a guess of course.