IE6 oddity ...again

On "normal" browsers (i.e. anything except IE6, and perhaps IE7)

http://web.gregorkofler.com/index.php?page=xhr_widgets

shows 2 headlines (queryPopup, autoSuggest), each followed by a div with
some content.

Alas, in IE6 (running here in my VirtualBox) the first headline is
missing. Or more precisely exhibts a behaviour, as if visibility is set
to none.
The JS on the page has nothing to do with, since commenting it out,
changes IE's weirdness not a bit. The validator gives me a green check mark.

Any ideas?

Gregor



--
http://www.gregorkofler.com
http://web.gregorkofler.com - vxJS, a JS lib in progress

Gazing into my crystal ball I observed Gregor Kofler
<usenet (AT) gregorkofler (DOT) com> writing in
news:h1rkhf$k08$1 (AT) newsreader2 (DOT) utanet.at:

On "normal" browsers (i.e. anything except IE6, and perhaps IE7)

http://web.gregorkofler.com/index.php?page=xhr_widgets

shows 2 headlines (queryPopup, autoSuggest), each followed by a div
with some content.

Alas, in IE6 (running here in my VirtualBox) the first headline is
missing. Or more precisely exhibts a behaviour, as if visibility is
set to none.
The JS on the page has nothing to do with, since commenting it out,
changes IE's weirdness not a bit. The validator gives me a green check
mark.

Any ideas?

Gregor

Did you check the CSS validator? I believe there are some errors there.


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Gregor Kofler wrote:

On "normal" browsers (i.e. anything except IE6, and perhaps IE7)

http://web.gregorkofler.com/index.php?page=xhr_widgets

shows 2 headlines (queryPopup, autoSuggest), each followed by a div with
some content.

I think you've forgotten how you styled this.

The header text is set to white, it is still there. You have some
kind of background image that is missing. I haven't pulled the style sheet.

Why don't you just change the definition for this:

<div class="vxJS_foldThis">

<h2>queryPopup</h2>

I'm assuming you have that h2 styled as a descendant of .vxJS_foldThis

You have conditional comments loading browser specific stylesheets,
so you'll have to sort it out yourself. There's a bit too much going and
it slows my machine to a slow crawl.

Jeff

Alas, in IE6 (running here in my VirtualBox) the first headline is
missing. Or more precisely exhibts a behaviour, as if visibility is set
to none.
The JS on the page has nothing to do with, since commenting it out,
changes IE's weirdness not a bit. The validator gives me a green check
mark.

Any ideas?

Gregor

In article <h1rkhf$k08$1 (AT) newsreader2 (DOT) utanet.at>,
Gregor Kofler <usenet (AT) gregorkofler (DOT) com> wrote:

On "normal" browsers (i.e. anything except IE6, and perhaps IE7)

http://web.gregorkofler.com/index.php?page=xhr_widgets

shows 2 headlines (queryPopup, autoSuggest), each followed by a div with
some content.

Alas, in IE6 (running here in my VirtualBox) the first headline is
missing. Or more precisely exhibts a behaviour, as if visibility is set
to none.
The JS on the page has nothing to do with, since commenting it out,
changes IE's weirdness not a bit. The validator gives me a green check mark.

Any ideas?

Yes, I have an idea. I always have ideas. Some good, some bad. <g>

Add a width (100% will do) or a height of 1px to your

..vxJS_foldThis h2 { ... }

for IE 6 eyes only.

--
dorayme

In article <doraymeRidThis-63433E.11491324062009 (AT) news (DOT) albasani.net>,
dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

Add a width (100% will do) or a height of 1px to your

.vxJS_foldThis h2 { ... }

for IE 6 eyes only.

Actually, because you mentioned IE6 I only looked at 6. But you better
do this for IE7 too (I notice now).

--
dorayme

Adrienne Boswell meinte:

[snip]

Did you check the CSS validator? I believe there are some errors there.

Yes and no. OxygenXML reports several warning (no color set, etc.) and
two errors (zoom and opacity properties). But then: The second perfectly
visible headline has precisely the same CSS properties assigned.

Gregor


--
http://www.gregorkofler.com
http://web.gregorkofler.com - vxJS, a JS lib in progress

dorayme meinte:

Add a width (100% will do) or a height of 1px to your

.vxJS_foldThis h2 { ... }

for IE 6 eyes only.

Actually, because you mentioned IE6 I only looked at 6. But you better
do this for IE7 too (I notice now).

Thanks for your ideas. How could I forget about the
"arbitrarily-thrown-in-width-and-height-settings" to make IE work...

Yes it works. I assume there's no sense-making explanation for this
behaviour. (Has the bug a name?)

Gregor

IE6 still running strong at 10% - sigh...

--
http://www.gregorkofler.com
http://web.gregorkofler.com - vxJS, a JS lib in progress

"Gregor Kofler" <usenet (AT) gregorkofler (DOT) com> wrote

dorayme meinte:

Add a width (100% will do) or a height of 1px to your
.vxJS_foldThis h2 { ... }

for IE 6 eyes only.

Actually, because you mentioned IE6 I only looked at 6. But you better do
this for IE7 too (I notice now).

Thanks for your ideas. How could I forget about the
"arbitrarily-thrown-in-width-and-height-settings" to make IE work...

Yes it works. I assume there's no sense-making explanation for this
behaviour. (Has the bug a name?)

Google: IE hasLayout

Nik Coughlin meinte:

"Gregor Kofler" <usenet (AT) gregorkofler (DOT) com> wrote in message
news:h1soh0$2v7$1 (AT) newsreader2 (DOT) utanet.at...
dorayme meinte:

Add a width (100% will do) or a height of 1px to your
.vxJS_foldThis h2 { ... }

for IE 6 eyes only.

Actually, because you mentioned IE6 I only looked at 6. But you
better do this for IE7 too (I notice now).

Thanks for your ideas. How could I forget about the
"arbitrarily-thrown-in-width-and-height-settings" to make IE work...

Yes it works. I assume there's no sense-making explanation for this
behaviour. (Has the bug a name?)

Google: IE hasLayout

I thought my * { zoom: ... } would suffice to give everything a
hasLayout property. Anyway, why does *only the first* headline
disappear? In addition: it is a dead simple layout. Well,

<http://gs.statcounter.com/#browser_version-eu-daily-20090526-20090624>

tells me there is hope - at least in Europe.

Gregor


--
http://www.gregorkofler.com
http://web.gregorkofler.com - vxJS, a JS lib in progress

Gregor Kofler wrote:

On "normal" browsers (i.e. anything except IE6, and perhaps IE7)

http://web.gregorkofler.com/index.php?page=xhr_widgets

Any ideas?

Try to put cursor before word "widgets" and move mouse down by lines ;-) Tried

In IE6.

In other words: I found that both <h2> elements are invisible because
background-color as well as color are set to white.
--
Petr Vileta, Czech Republic
(My server rejects all messages from Yahoo and Hotmail.
Send me your mail from another non-spammer site please.)
Please reply to <petr AT practisoft DOT cz>