CSS problems with Safari and IE5

[Chris]

I'm desperately trying to get my site finished against the clock. It
looks great in FF, Opera and IE6 but falls apart in IE5 and Safari. I
HAVE to have it ok for IE5.x. Has anyone got any suggestions? Can
anyone help?
www.hyperion-interactive.com/test

(There's a Flash sniffer first)

Thanks in advance to anyone that has any pointers.
Chris

[Steve Pugh]

"Chris" <ch**********@hotmail.com> wrote:

I'm desperately trying to get my site finished against the clock. It
looks great in FF, Opera and IE6 but falls apart in IE5 and Safari.
What are the actual problems? I can see that the menus are screwed but
is there anything else?
I
HAVE to have it ok for IE5.x. Has anyone got any suggestions? Can
anyone help?
www.hyperion-interactive.com/test

(There's a Flash sniffer first)

So the real URL is
http://www.hyperion-interactive.com/test/index02.html

A page that talks about the DDA but which is inaccessible to users who
do not have both JavaScript and Flash? Presumably
http://www.hyperion-interactive.com/test/noflash.html will be
rewritten to present a full alternative site before launch? Or will
you drop the sniff and just let all users see the main site, after all
the Flash doesn't do much - just one animation and three links. A
fallback containing an image and three HTML links should be included
as content for the <object> element.

I see that only two of the three links in the Flash are duplicated in
the HTML but with different link texts, whilst the third link only
exists in the Flash. Oh no, the third link is there but drops down
behind another element if my font size is larger than yours.

Anyway, start by fixing the errors:
http://validator.w3.org/check?uri=ht...t/index02.html
http://jigsaw.w3.org/css-validator/v...1&profile=css2

Then look up the IE5 box model and realise that under that buggy model
#menu_top {
width:270px;
padding-left:515px;/* Top Menu Left Position */
}
means that the room left for the content of that element is 270-515= -
245px which isn't very much at all. Your other problems are probably
similar.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Chris]

Steve Pugh wrote:

"Chris" <ch**********@hotmail.com> wrote:

I'm desperately trying to get my site finished against the clock. It
looks great in FF, Opera and IE6 but falls apart in IE5 and Safari.
What are the actual problems? I can see that the menus are screwed

but is there anything else?
Menus are the worst (and vital) problem - other "problems" with
elements not apprearing where I'd expect etc. Still
tackling/documenting across browsers

I
HAVE to have it ok for IE5.x. Has anyone got any suggestions? Can
anyone help?
www.hyperion-interactive.com/test

(There's a Flash sniffer first)
So the real URL is
http://www.hyperion-interactive.com/test/index02.html

A page that talks about the DDA but which is inaccessible to users

who do not have both JavaScript and Flash? Presumably
http://www.hyperion-interactive.com/test/noflash.html will be
rewritten to present a full alternative site before launch?
Absolutely - final noflash will present link back to flash site (in
event sniffer fails) link to macromedia and link to alternative (no
flash) content - there will be other small flash enhancements
throughout site. I agree that the Flash here is essentially decorative.
Although I belong to the whole "only use Flash when necessary and then
with caution" group, many clients want it so better for me to show some
flash. I was planning to put an alternative (D?)HTML panel in with no
JS - css rollovers only, and yes page content put in now before
alternative - still testing :-)

Or will you drop the sniff and just let all users see the main site, after all the Flash doesn't do much - just one animation and three links. A
fallback containing an image and three HTML links should be included
as content for the <object> element.
Not sure how to do this best - was considering mirroring site with no
flash at all rather than fallback in this page. Thoughts?
I see that only two of the three links in the Flash are duplicated in
the HTML but with different link texts, whilst the third link only
exists in the Flash. Oh no, the third link is there but drops down
behind another element if my font size is larger than yours.
Yeah, the nav is screwed if enlarged. My pre css method would have been
to make this graphics so it can't be resized but this offers less
accessability. Suggestions appreciated! I've thought long and hard
about the detrimental usability aspect of having different "prompters"
pointing to same content. My argument would be that this method draws
the user into the site - my main objective. The breadcrumb nav should
provide more than adequate user-orientation.
Anyway, start by fixing the errors:
http://validator.w3.org/check?uri=ht...t/index02.html http://jigsaw.w3.org/css-validator/v...1&profile=css2
Then look up the IE5 box model and realise that under that buggy model #menu_top {
width:270px;
padding-left:515px;/* Top Menu Left Position */
}
means that the room left for the content of that element is 270-515= - 245px which isn't very much at all. Your other problems are probably
similar.
Will do - where do you look up?
Steve
Thanks for your feedback Steve, I appreciate you taking the time to
look through the site. I'd be interested in your thoughts on whether
IE5 compatibility is essential. My findings are that many smaller
companies are still using this and various 5.x versions. I'd welcome
your comments on main nav too - how you would stop the moving when
resized problem. Thanks again.
Cheers, chris
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>