Fluid layouts for Mac MSIE 5 please

Alex Bell

I have a fluid header/two column layout at
http://www.members.iinet.net.au/~abell1/test/demo10.htm
which works with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera;
and Safari but which crashes with Mac MSIE 5.

Rather than try to hack the demo to make it work with Mac MSIE 5 I'd
like to find a fluid header/two column layout which will work with
this browser, and see if I use alternate css files to make the
eventual site work with all these browsers.

So could somebody please point me to a source of fluid layouts for the
Mac IE? All I can find after extensive searching is fixed (pixel
based) layouts, and I don't want that at all.

Regards, Alex

Jul 20 '05 #1

kchayka

Alex Bell wrote:

I have a fluid header/two column layout at
http://www.members.iinet.net.au/~abell1/test/demo10.htm
which works with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera;
and Safari but which crashes with Mac MSIE 5.

OS9 IE 5.1
OSX IE 5.2

For me, it doesn't display as intended, but it doesn't crash in any
sense of the word. Or are you counting how it handles (or not)
position:fixed as a "crash"?

BTW, you do know that your <link> points to a non-existent stylesheet?
This is likely to be a problem in some browsers, NS4 for sure.

--
Reply address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Jul 20 '05 #2

Brian

Alex Bell wrote:

I have a fluid header/two column layout at
http://www.members.iinet.net.au/~abell1/test/demo10.htm which works
with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera; and Safari
but which crashes with Mac MSIE 5.
Do you know what is causing the crash?
Rather than try to hack the demo to make it work with Mac MSIE 5

Understandable sentiment, but I thought I'd mention that MSIE5/Mac's
bugs are pretty well documented:

http://www.macedition.com/cb/ie5macbugs/

And it's quite easy to hide style rules from IE/Mac:

@import url("hiddenFromIEmac.css");

@media screen {
/* these rules are hidden from IE5 Mac */
}

I use the second method to hide position: fixed from IE/Mac because its
support is a bit sketchy.

--
Brian (follow directions in my address to email me)
http://www.tsmchughs.com/

Jul 20 '05 #3

Alex Bell

On Sun, 22 Feb 2004 06:13:53 -0600, kchayka <us****@c-net.us> wrote:

Alex Bell wrote:

I have a fluid header/two column layout at
http://www.members.iinet.net.au/~abell1/test/demo10.htm
which works with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera;
and Safari but which crashes with Mac MSIE 5.
OS9 IE 5.1
OSX IE 5.2

For me, it doesn't display as intended, but it doesn't crash in any
sense of the word. Or are you counting how it handles (or not)
position:fixed as a "crash"?

Yes, thank you. To me having the header area much 'higher' than it
should be and hiding the top of the menu and content areas counts as a
crash, but I accept one could describe it as not displaying as
intended. And thank you for pointing me to the position:fixed as a
likely problem.
BTW, you do know that your <link> points to a non-existent stylesheet?
This is likely to be a problem in some browsers, NS4 for sure.

No, I've pasted that in from somewhere and never thought about it.
I'll take it out.

Regards, Alex

Jul 20 '05 #4

Alex Bell

On Sun, 22 Feb 2004 14:12:40 GMT, Brian
<us*****@julietremblay.com.invalid-remove> wrote:

Alex Bell wrote:

I have a fluid header/two column layout at
http://www.members.iinet.net.au/~abell1/test/demo10.htm which works
with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera; and Safari
but which crashes with Mac MSIE 5.
Do you know what is causing the crash?

No, I'm afraid not, but I have been pointed towards the position:fixed
in the header and menu areas as you mention below. I'll take them out
and see what happens.

Rather than try to hack the demo to make it work with Mac MSIE 5

Understandable sentiment, but I thought I'd mention that MSIE5/Mac's
bugs are pretty well documented:

http://www.macedition.com/cb/ie5macbugs/

And it's quite easy to hide style rules from IE/Mac:

@import url("hiddenFromIEmac.css");

@media screen {
/* these rules are hidden from IE5 Mac */
}

I use the second method to hide position: fixed from IE/Mac because its
support is a bit sketchy.

Thanks for this. How do the methods you describe above compare with
the comment backslash method? It looks as though the methods you
describe are for whole style sheets. I have thought of using separate
style sheets for Mac MSIE and one for the rest.

Regards, Alex

Jul 20 '05 #5

Brian

Alex Bell wrote:

On Sun, 22 Feb 2004, Brian wrote:

it's quite easy to hide style rules from IE/Mac:

@import url("hiddenFromIEmac.css");

@media screen {
/* these rules are hidden from IE5 Mac */
}
How do the methods you describe above compare with
the comment backslash method?

I don't use that method.
It looks as though the methods you describe are for whole style sheets.
@import is to hide an entire stylesheet. I originally used that method.
But that left me with 4 stylesheets for screen. Since I only needed to
hide one rule from IE5/Mac, I switched to the @media screen method. It
is not really a kludge, it is an accepted part of css.
I have thought of using separate
style sheets for Mac MSIE and one for the rest.

Only you know how complicated your project is. For my current project,
< http://www.tsmchughs.com/ >
I have 2 stylesheets for screen, one of which is linked via <LINK> to
each document, the other is the real stylesheet, @import-ed into the
<LINK>ed one, so that all styels are hidden from NS4. I wanted to keep
things simple.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

Jul 20 '05 #6