473,386 Members | 1,720 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Fluid layouts for Mac MSIE 5 please

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
5 1695
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
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
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
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
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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Alberto Santini | last post by:
I ported a Jos Stam's demo about Fluid mech to check the difference of speed between C implementation and Python. I think I achieved good results with Python and there is space to improve, without...
6
by: Tristan Miller | last post by:
Greetings. Can someone point me to a good source of nice, simple stylesheets, similar to the W3C Core Styles provided at http://www.w3.org/StyleSheets/Core/? I don't need anything fancy like...
0
by: John Bradley | last post by:
I've read and understood the w3 specs on css1 and css2. I've done some positioned layouts on my own system that worked as expected. But - I'm concerned about letting anything on to the live system...
2
by: Mario T. Lanza | last post by:
Greetings, I have been developing websites in CSS for a couple years; I claim to be no expert, but certain things could definitely be easier. Consider the box model and it's different...
22
by: Jam Pa | last post by:
Once again my big mouth has landed me with a tough job. I have a static CSS layout, where each and every element has been defined by pixel size - lots of them, too! Mostly relative elements,...
12
by: JB | last post by:
Hi All, Is it acceptable to use a fixed width vertical navigation column within a fluid 2 or 3 column layout? Example. Left Column (navigation) fixed width of say 180px Right Column (main...
5
by: Stan R. | last post by:
Greetings. I have a couple of questions concerning CSS layouts, as apposed to the old <tablemethod for creating layouts . Even after spending the last few days searching all over Google Groups, I...
18
by: Nik Coughlin | last post by:
I am halfway through writing a tutorial on image slicing for fluid CSS layouts, I would love some feedback on what I've done up until this point: http://nrkn.com/index.html I am still writing...
3
by: hzgt9b | last post by:
I want a page with a centered div containing two rows. Top row has an image and some text. The bottom row needs to have three columns. I'd love to have the 1st column set to a fixed width then have...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.