|
|
Posted by patrick j on 10/14/06 22:11
On Sat, 14 Oct 2006 22:14:48 +0100, dorayme wrote
(in article
<doraymeRidThis-FE9216.07144815102006@news-vip.optusnet.com.au>):
> Since posting this version of the CSS at ...Fixed.html, max-width
> was changed to width="600px" to properly illustrate the
> difference between:
>
> <http://members.optushome.com.au/droovies/opinion/drugLawsFixed.ht
> ml>
>
> and
>
> <http://members.optushome.com.au/droovies/opinion/drugLaws.html>
>
> the latter using max-width in ems.
Yes I appreciate indeed your intention of posting the pages and it was
very informative for me.
In fact I did not know that the max-width property existed in CSS and
it was at your pages that I noticed it.
This is the problem with trying to pick up CSS bit-by-bit from various
web-sites - I miss things.
Anyway I've got Eric Meyer's books on the way to me now from Amazon.
For some time I'd been wondering if it was possible with CSS to create
margins that collapse first (as browser window narrows) then for the
central text containing area to become one that narrows when browser
window demands.
This was never a problem with old school table layouts. Anyway I saw
your web-pages and I was pleased to see the existence of the
"max-width" property and the "margin: auto;" declarations.
I did some experimentation with this and discovered that while it works
excellently on every browser on my Mac it won't work with IE 6 :(
> Aside from the point of the comparison for now, but my response
> to your intelligent question about IE and max-width and the
> display of this sort of pure text article is this. I would make a
> style sheet for IE 5 and 6's eyes only and in that style sheet.
Yes, this is what I'm going to do.
I don't like the text to be spread right across the browser window and
setting "hard" margins is too inflexible.
I know there is a great deal of debate on the issue of width of text
and there are those who say that the user can simply narrow the browser
window if need be. Unfortunately the reality is that most people just
don't seem to do that. If they are using a PC then the browser window
is simply at the max width of their screen.
On the Mac of course the browser does not fill the screen in that
manner as a default behaviour.
Unfortunately with the PCs people seem very often to simply have the
browser window filling the whole screen. I fully understand that most
PC users on this newsgroup will not do that but I spend 2.5 days a week
in a University which is nearly 100% PCs in the offices and every
single one simply has the browser window at the maximum width of the
screen no matter how wide the screen.
> In that CSS, depending on my mood, simply let IE users see it as
> fixed 600 or 800px wide or a guessed-by-me-as-being-suitable but
> definite (width: rather than max-width:) number of ems.
>
> Indeed, there are so many ways to go that it is hard to say which
> is best. But, essentially, in a case like this, it is not worth
> employing over fancy tricks for IE like javascript when a mere
> "for IE eyes only" clause in the CSS or separate sheet will do.
I agree, the Javascript route looks too complicated.
I think for my situation I will create a separate style-sheet for IE
with either fixed margins or a fixed central text area.
Then I can have my much more liquid style-sheet for all other browsers.
--
Patrick
Brighton, UK
Navigation:
[Reply to this message]
|