Stylesheets - CSS Template?

Author

CSS Template?

howa

2006-11-19, 7:36 pm

I searched from the internet, and found so many existing CSS templates,
such as 2-col or 3-col layout for web designers to re-use.

However, I found many of them are not completely standard complaint
(i.e. use of IE hack) or browser complaint (follow the web standard,
but didn't work very well with IE).

So I want to ask, are there any better templates which is standatds
complaints, but also work with most popular browsers?

Thanks.

carolyn

2006-11-19, 7:36 pm

howa wrote:

> I searched from the internet, and found so many existing CSS templates,
> such as 2-col or 3-col layout for web designers to re-use.
>
> However, I found many of them are not completely standard complaint
> (i.e. use of IE hack) or browser complaint (follow the web standard,
> but didn't work very well with IE).
>
> So I want to ask, are there any better templates which is standatds
> complaints, but also work with most popular browsers?
>
> Thanks.

Unfortunately, IMHO, the issue at hand is not a three column example which
is both standards compliant and works with most popular browsers. The real
issue is that browser manufacturers seems to ignore the standards and
follow their own rules. The worst offender also happens to be the browser
that is the most popular, but they are not the only offender.

All is not lost however, like any other industry, you can incorporate the
material flaws, in this case browser incompatibilities, into the design.
For example, some browsers have an issue when you try to position one
division within a pixel of another division. It looks perfect on one, but
there is a glitch on the second. So, space them 3-4 pixels apart, and in
most browsers they will be 3-4 pixels apart, in some it might be 2-3 or
4-5. Same overall effect, a small gap between the sections - on every
browser.

Carolyn
--
Carolyn Marenger

Man-wai Chang

2006-11-19, 7:36 pm

> However, I found many of them are not completely standard complaint
> (i.e. use of IE hack) or browser complaint (follow the web standard,
> but didn't work very well with IE).

I suggest you to focus on Firefox's standard compilance... unless you
are recruited by IE believers. :)

--
.~. Might, Courage, Vision, SINCERITY. http://www.linux-sxs.org
/ v \ Simplicity is Beauty! May the Force and Farce be with you!
/( _ )\ (Ubuntu 6.10) Linux 2.6.18.2
^ ^ 20:44:01 up 7 days 21:38 0 users load average: 1.00 1.00 1.00
news://news.3home.net news://news.hkpcug.org news://news.newsgroup.com.hk

Bergamot

2006-11-19, 7:36 pm

howa wrote:
>
> So I want to ask, are there any better templates which is standatds
> complaints, but also work with most popular browsers?

Your expectations may be a bit too high. We all know that IE6 sucks, as
far as handling CSS goes. Unless you have a very simple layout (and even
that's debatable if you use any floats), some kind of work around for IE
flaws is inevitable. You just have to decide which work around to use.

I am not in favor of conditional comments, because it pollutes the HTML
on every page rather than in 1 CSS file. I think work arounds are more
manageable if they are contained in one place. Good comments are helpful.

I am also not in favor of hacks that are an abuse of the standards, like
the underscore and Tantek hacks, but I think using properties that are
proprietary to a specific browser is not so harmful - zoom, filter, and
moz-properties for example.

Pick your poison, just make an informed decision and be prepared to deal
with any consequences.

--
Berg

howa

2006-11-19, 7:36 pm

Bergamot wrote:
> howa wrote:
>
> Your expectations may be a bit too high. We all know that IE6 sucks, as
> far as handling CSS goes. Unless you have a very simple layout (and even
> that's debatable if you use any floats), some kind of work around for IE
> flaws is inevitable. You just have to decide which work around to use.
>
> I am not in favor of conditional comments, because it pollutes the HTML
> on every page rather than in 1 CSS file. I think work arounds are more
> manageable if they are contained in one place. Good comments are helpful.
>
> I am also not in favor of hacks that are an abuse of the standards, like
> the underscore and Tantek hacks, but I think using properties that are
> proprietary to a specific browser is not so harmful - zoom, filter, and
> moz-properties for example.
>
> Pick your poison, just make an informed decision and be prepared to deal
> with any consequences.
>
> --
> Berg

so even not a perfect one,
are there any recommended templates?

Johannes Koch

2006-11-19, 7:36 pm

Bergamot schrieb:
> I am also not in favor of hacks that are an abuse of the standards, like
> the underscore and Tantek hacks,

The Tantek hack just exploits a parsing bug in Win IE, but is valid CSS.
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

dorayme

2006-11-19, 7:36 pm

In article
<1163315844.351678.129300@k70g2000cwa.googlegroups.com>,
"howa" <howachen@XXXXXXXXXX> wrote:

> I searched from the internet, and found so many existing CSS templates,
> such as 2-col or 3-col layout for web designers to re-use.
>
> However, I found many of them are not completely standard complaint
> (i.e. use of IE hack) or browser complaint (follow the web standard,
> but didn't work very well with IE).
>
> So I want to ask, are there any better templates which is standatds
> complaints, but also work with most popular browsers?
>

There are "more or less" standards compliant browsers. The more
they are, the less hacks and tricks and special provisions in the
html/css, the less they are compliant, the more the hacks and
tricks and special provisions. Really good and useful templates
are going to reflect this, it is unreasonable to expect otherwise.

--
dorayme