IE6 quirks

[Phat G5 (G3)]

This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

http://new.saguarogold.net

Everything gets crammed up against the top and IE6 does not respect the
positioning. It does not even let the ExtJS menu stretch the width. Any
suggestions would be appreciated!
Thanks,

-S

[Phat G5 (G3)]

in article C2*******************@noone.com, Phat G5 (G3) at no****@noone.com
wrote on 8/19/07 4:09 PM:

This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

http://new.saguarogold.net

Everything gets crammed up against the top and IE6 does not respect the
positioning. It does not even let the ExtJS menu stretch the width. Any
suggestions would be appreciated!
Thanks,

-S

BTW,

The css sheet that contains all the mockup is menu.css. The others contain
the ExtJS style sheets which are fine.

-S

[John Hosking]

Phat G5 (G3) wrote:

in article C2*******************@noone.com, Phat G5 (G3) at
wrote on 8/19/07 4:09 PM:

[his local time, I guess]

>

>This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

*Everything* else? That's a pretty bold claim, and great news if true.
Did you include browsers without JavaScript in your testing? Lynx?

>>
http://new.saguarogold.net

Which requires JS so it can open a pop-up window (sized at 800x600) so
it can open the real URL, which is
http://new.saguarogold.net/menu.html...7938tHLy125416

That page is -- how shall I put this? -- an amazing piece of work. It
consists primarily of a huge image [oh! except it's been sliced into
smaller ones] representing the content, generated by JS. Without JS one
sees an eternally animated "Loading" gif and nothing else. The page
welcomes me as "Steffan Cline" although I do not believe myself to be
such an animal. "I" have one new email but I hesitate to read it.

The animated e-mail graphic on the page completes the retro-nauseous
feel I have been jonesing for, but the main thing I notice is that this
page doesn't even fit into the 800x600 window it's supposedly been
designed for. Of course, that's all in Firefox, a browser where the page
is alleged to "look right."

>>
Everything gets crammed up against the top and IE6 does not respect the
positioning. It does not even let the ExtJS menu stretch the width. Any
suggestions would be appreciated!

You are right, it looks even worse in IE6.

BTW,

The css sheet that contains all the mockup is menu.css. The others contain
the ExtJS style sheets which are fine.

If all the JS pages are fine, leave them out of the example page. The
idea sample page is a simplified page (by direct URL) without JS,
cookies, popups, and known good code.

Of course, known bad code should be minimized, too. But:

Your markup has 7 validation errors; your CSS 140.

In summary: No, on so many levels.

HTH.

--
John
Pondering the value of the UIP: http://blinkynet.net/comp/uip5.html

[rf]

"Phat G5 (G3)" <no****@noone.comwrote in message
news:C2*******************@noone.com...

This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

http://new.saguarogold.net

I get a totally blank page.
Ah, I see what't wrong. You are trying to open a new browser window. Why?

Here is a challenge for you: Justify exactly why you want to pop up a new
window at me, leaving me with a totally blank window and a message from my
popup blocker.
--
Richard.

[Phat G5 (G3)]

in article WP*******************@news-server.bigpond.net.au, rf at
[e-mail] wrote on 8/19/07 4:59 PM:

>
"Phat G5 (G3)" <no****@noone.comwrote in message
news:C2*******************@noone.com...

>This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

http://new.saguarogold.net

I get a totally blank page.
Ah, I see what't wrong. You are trying to open a new browser window. Why?

Here is a challenge for you: Justify exactly why you want to pop up a new
window at me, leaving me with a totally blank window and a message from my
popup blocker.

There is a lot going on that is not seen here. The window was designed as a
pop up based upon a set of criteria given to me. If you were to see the full
picture it would probably make more sense.

I'll create a newer page that will reduce the complexity of the set up and
make it easier for those CSS gurus to asses.

-S

[Phat G5 (G3)]

in article 46********@news.bluewin.ch, John Hosking at
Jo**@DELETE.Hosking.name.INVALID wrote on 8/19/07 4:50 PM:

Phat G5 (G3) wrote:

>in article C2*******************@noone.com, Phat G5 (G3) at
wrote on 8/19/07 4:09 PM:

[his local time, I guess]

>>

>>This is kind of a challenge to the CSS gurus with IE 6. I cannot find a
solution to this and I have tried over and over. My app looks right in IE7
PC and everything else.

*Everything* else? That's a pretty bold claim, and great news if true.
Did you include browsers without JavaScript in your testing? Lynx?

Ok, I see you are a man that requires qualification of statement. The
targeted browsers with the exception of IE6. Safari, Firefox and IE7 work
fine. That short list covers the list of what all I need to cover on an
intranet application

>>>
http://new.saguarogold.net

Which requires JS so it can open a pop-up window (sized at 800x600) so
it can open the real URL, which is
http://new.saguarogold.net/menu.html...327938tHLy1254
16

This an intranet app and anything that can be done to stop someone from
hitting the back button is the goal. I did not put in anything to block the
contextual menu or alt-left arrow but that is something I may have to look
into.

That page is -- how shall I put this? -- an amazing piece of work. It
consists primarily of a huge image [oh! except it's been sliced into
smaller ones] representing the content, generated by JS.

Are you referring to the the website that loads into the iframe? I did not
design that. That menu without the individual icons is a pre-made menu
system done in js. http://www.extjs.com

Without JS one
sees an eternally animated "Loading" gif and nothing else. The page
welcomes me as "Steffan Cline" although I do not believe myself to be
such an animal. "I" have one new email but I hesitate to read it.

That is not you of course. It is a place holder as part of the bigger
picture. You cannot access the email there. At one point in time I may
reinvent the wheel and create my own web mail app but at this point in time
it is merely as I said a place holder that tells someone that they have to
login and get their mail via outlook etc.

The animated e-mail graphic on the page completes the retro-nauseous
feel I have been jonesing for, but the main thing I notice is that this
page doesn't even fit into the 800x600 window it's supposedly been
designed for. Of course, that's all in Firefox, a browser where the page
is alleged to "look right."

Well, I can only judge that it looks right when it rendered correctly in all
the "targeted" browsers that I mentioned. That center page when it loads is
not the target in the future. Just an onload test.

>>>
Everything gets crammed up against the top and IE6 does not respect the
positioning. It does not even let the ExtJS menu stretch the width. Any
suggestions would be appreciated!

You are right, it looks even worse in IE6.

Yes, hence the subject. IE6 trashes it all.

>BTW,

The css sheet that contains all the mockup is menu.css. The others contain
the ExtJS style sheets which are fine.

If all the JS pages are fine, leave them out of the example page. The
idea sample page is a simplified page (by direct URL) without JS,
cookies, popups, and known good code.

That is something that probably would have been more appropriate. I will
strip that out and repost.

Of course, known bad code should be minimized, too. But:

Your markup has 7 validation errors; your CSS 140.

In summary: No, on so many levels.

HTH.

I noticed the errors but those are generated by the ExtJS source. I will
upgrade to the newest release and see if that helps any.

As I said earlier, I'll strip that out and repost.

I appreciate the constructive criticism and hope to get a more positive
reaction and advice when done.

Thanks

-S

[rf]

"Phat G5 (G3)" <no****@noone.comwrote in message
news:C2*******************@noone.com...

in article 46********@news.bluewin.ch, John Hosking at

This an intranet app

You should have stated this up front.

and anything that can be done to stop someone from
hitting the back button is the goal.

Doomed to failure.

I did not put in anything to block the
contextual menu or alt-left arrow

or whatever hot key a browser (or a user for that matter) may choose to be
the "back" button.

but that is something I may have to look
into.

FWIW I _never_ use the back button. I use button 4 on my mouse. And, if you
put in code to specifically cater for button 4 then someone will start using
button 5, or 6, or 11.

If your design breaks when the back button is pressed then the design is
broken. It is, however, something very simple to fix.

--
Richard.

[dorayme]

In article <Tk******************@news-server.bigpond.net.au>,
"rf" <[e-mail]:

and anything that can be done to stop someone from
hitting the back button is the goal.

Doomed to failure.

That's funny, I have just done a bunch of things that actually
relies on the users being prepared to hit the back button. Very
useful control in a browser.

--
dorayme