CSS = Chaos ?

10-21-2007

I have looked at various tutorials on css and get the concept.

Then I decided to look at a real example and downloaded the vs Commerce
example and checked out its css and master pages.

My question is, did someone work this out or is it a result of an
infinite number of monkeys pounding away at keyboards until they got
something to work ?

Comments from the css

/* Critical Safari fix! */

/* Holly hack for IE \*/

/* helps IE get the child percentages right. */

/* Hides from IE-mac \*/

/* IE 3px display bug fix (in conjunction with the rule following below)
*/

In the master page







<body>

<div id="sizer">

<div id="expander">

<div id="wrapper" class="clearfix">

etc

In the real world, do designers work out wquivalent things or is it
standard to just copy and paste from earlier works ?

I don't know who invented css, but it seems to be the product of a
disorganised and illogical mind.

10-21-2007

I would comfortably say the cheap RAM and Fast Hz and opportunities their are many monkeys. Possibly a small size infinity which is enough

Copy and past is the Rapid development method, sadly to say.

Junk code is everywhere.

I heard if it works then its is okay. Many developers can not think beyond one test. if it works that's it the boss is happy.

Do your best yourself and leave the rest.

"Ian Semmel" <> wrote in message news:2EFDFCD49817432EA66DCB1C915DBD69@DIMITY...
I have looked at various tutorials on css and get the concept.

Then I decided to look at a real example and downloaded the vs Commerce example and checked out its css and master pages.

My question is, did someone work this out or is it a result of an infinite number of monkeys pounding away at keyboards until they got something to work ?

Comments from the css

/* Critical Safari fix! */

/* Holly hack for IE \*/

/* helps IE get the child percentages right. */

/* Hides from IE-mac \*/

/* IE 3px display bug fix (in conjunction with the rule following below) */

In the master page







<body>

<div id="sizer">

<div id="expander">

<div id="wrapper" class="clearfix">

etc

In the real world, do designers work out wquivalent things or is it standard to just copy and paste from earlier works ?

I don't know who invented css, but it seems to be the product of a disorganised and illogical mind.

10-21-2007

The problem isn't with CSS itself, just with how different browser
developers choose to implement all or part of it at whim.

As far as how these solutions were arrived at, there seems to be a small
group of people out there who derive great satisfaction from finding these
"bugs" and producing fixes for them. Personally, I'd rather stick pins in
my eyes.

I know one thing, if I were tempted to use CSS that required "hacks", I'd
give up. Now, even the Holly hack needs a hack to make it work with IE7. I
mean, who could be bothered?

"Ian Semmel" <> wrote in message
news:2EFDFCD49817432EA66DCB1C915DBD69@DIMITY...
I have looked at various tutorials on css and get the concept.

Then I decided to look at a real example and downloaded the vs Commerce
example and checked out its css and master pages.

My question is, did someone work this out or is it a result of an infinite
number of monkeys pounding away at keyboards until they got something to
work ?

Comments from the css

/* Critical Safari fix! */
/* Holly hack for IE \*/
/* helps IE get the child percentages right. */
/* Hides from IE-mac \*/
/* IE 3px display bug fix (in conjunction with the rule following below) */

In the master page





<body>
<div id="sizer">
<div id="expander">
<div id="wrapper" class="clearfix">

etc

In the real world, do designers work out wquivalent things or is it standard
to just copy and paste from earlier works ?

I don't know who invented css, but it seems to be the product of a
disorganised and illogical mind.

10-21-2007

CSS is a wonderful technology, in fact, it is one of the best things to
happen to the web since server-side pages themselves. The reason for this is
the fact that you can have more control over how elements are rendered (for
example, different specifications for each border, spacing between elements,
exact widths for all elements, etc.). Because different browsers render some
elements slightly differently, this can make it much easier to make your
pages more compatible with more browsers. The thing that you need to be
careful about is to make sure all the CSS properties you use are implemented
in any browsers you expect users to view your site with (which, in most
cases, should be any browser). Although most modern browsers support most
CSS properties, there are a few that are not yet implemented by all
browsers. CSS can also save you a lot of work if you decide you want to
change the look of your site, because if you use CSS classes you only need
to change things such as the color, font, border, etc. in one place. And in
case you are not aware, many HTML attributes are being deprecated in favor
of CSS, so it would be a good idea to start using it and becoming familiar
with it as soon as possible.
--
Nathan Sokalski

http://www.nathansokalski.com/

"Mike" <> wrote in message
news:...
> The problem isn't with CSS itself, just with how different browser
> developers choose to implement all or part of it at whim.
>
> As far as how these solutions were arrived at, there seems to be a small
> group of people out there who derive great satisfaction from finding these
> "bugs" and producing fixes for them. Personally, I'd rather stick pins in
> my eyes.
>
> I know one thing, if I were tempted to use CSS that required "hacks", I'd
> give up. Now, even the Holly hack needs a hack to make it work with IE7.
> I mean, who could be bothered?
>
>
> "Ian Semmel" <> wrote in message
> news:2EFDFCD49817432EA66DCB1C915DBD69@DIMITY...
> I have looked at various tutorials on css and get the concept.
>
> Then I decided to look at a real example and downloaded the vs Commerce
> example and checked out its css and master pages.
>
> My question is, did someone work this out or is it a result of an infinite
> number of monkeys pounding away at keyboards until they got something to
> work ?
>
> Comments from the css
>
> /* Critical Safari fix! */
> /* Holly hack for IE \*/
> /* helps IE get the child percentages right. */
> /* Hides from IE-mac \*/
> /* IE 3px display bug fix (in conjunction with the rule following below)
> */
>
> In the master page
>
> 
> 
> 
>
> <body>
> <div id="sizer">
> <div id="expander">
> <div id="wrapper" class="clearfix">
>
> etc
>
> In the real world, do designers work out wquivalent things or is it
> standard to just copy and paste from earlier works ?
>
> I don't know who invented css, but it seems to be the product of a
> disorganised and illogical mind.
>
>
>

10-21-2007

CSS itself is well designed. The problem is not all browsers support the latest version of CSS and even then may not implement them correctly. The reality is, if you want your page to render properly on the largest number of browsers you have to deal with all sorts of work arounds for the bugs in each browser.

--
Andrew Faust
andrew[at]andrewfaust.com
http://www.andrewfaust.com

"Ian Semmel" <> wrote in message news:2EFDFCD49817432EA66DCB1C915DBD69@DIMITY...
I have looked at various tutorials on css and get the concept.

Then I decided to look at a real example and downloaded the vs Commerce example and checked out its css and master pages.

My question is, did someone work this out or is it a result of an infinite number of monkeys pounding away at keyboards until they got something to work ?

Comments from the css

/* Critical Safari fix! */

/* Holly hack for IE \*/

/* helps IE get the child percentages right. */

/* Hides from IE-mac \*/

/* IE 3px display bug fix (in conjunction with the rule following below) */

In the master page







<body>

<div id="sizer">

<div id="expander">

<div id="wrapper" class="clearfix">

etc

In the real world, do designers work out wquivalent things or is it standard to just copy and paste from earlier works ?

I don't know who invented css, but it seems to be the product of a disorganised and illogical mind.

10-22-2007

the problem is historial. IE lead the standards for a while. then IE
developement stopped, then Firefox became popular then IE started again.

The IE team has been unwilling to break pages to make IE support html
4.0 standards (given how much of the web is coded in ie quirks mode,
there was no choice). IE mac did support html 4.0 standards, so IE hacks
must detect its IE mac and follow html standards rather than IE quirks.
with IE 7, there has been a move to better support standards (though it
can be placed in quirks mode).

there is a CSS acid test site to test browser compliance.

http://www.webstandards.org/files/acid2/test.html#top

of course, as currently only safari passes the test. this means if you
write a fully compliant css page, safari may be the only browser it
displays correctly one.

if you think css is bad, wait until you get to ajax, and start using the
dom. even though the w3c standard xmlhttprequest was based on ie 5's xml
object, it took until version 7.0 for ie to support the standard version
(basically the last browser to).

the good new is that the browsers are converging on the html 4.0
standard, and in a few years life will be better. of course xhtml 1.1 is
out now, and no browser attempts to support it yet. though the open
source browsers like firefox and safari will probably be first.

-- bruce (sqlwork.com)

Ian Semmel wrote:
> I have looked at various tutorials on css and get the concept.
>
>
>
> Then I decided to look at a real example and downloaded the vs Commerce
> example and checked out its css and master pages.
>
>
>
> My question is, did someone work this out or is it a result of an
> infinite number of monkeys pounding away at keyboards until they got
> something to work ?
>
>
>
> Comments from the css
>
>
>
> /* Critical Safari fix! */
>
> /* Holly hack for IE \*/
>
> /* helps IE get the child percentages right. */
>
> /* Hides from IE-mac \*/
>
> /* IE 3px display bug fix (in conjunction with the rule following below) */
>
>
>
> In the master page
>
>
>
> 
>
> 
>
> 
>
>
>
> <body>
>
> <div id="sizer">
>
> <div id="expander">
>
> <div id="wrapper" class="clearfix">
>
>
>
> etc
>
>
>
> In the real world, do designers work out wquivalent things or is it
> standard to just copy and paste from earlier works ?
>
>
>
> I don't know who invented css, but it seems to be the product of a
> disorganised and illogical mind.
>
>
>

10-22-2007

I agree.

It is akward really though because making a page scale and look right in all
browsers can be a very very difficult and time consuming excercise. However,
I dont think one needs to worry about safari or netscape simply concentrate
on making your pages look the same in IE and Firefox which represent
something like 98.5% of all browser clients, then make sure that safari and
netscape look "Reasonable", and you will be 99.99% there.

Its impossible to make them look and behave exactly the same in all
situations, just good enough so that the user experience is acceptable.

"Nathan Sokalski" <> wrote in message
news:...
> CSS is a wonderful technology, in fact, it is one of the best things to
> happen to the web since server-side pages themselves. The reason for this
> is the fact that you can have more control over how elements are rendered
> (for example, different specifications for each border, spacing between
> elements, exact widths for all elements, etc.). Because different browsers
> render some elements slightly differently, this can make it much easier to
> make your pages more compatible with more browsers. The thing that you
> need to be careful about is to make sure all the CSS properties you use
> are implemented in any browsers you expect users to view your site with
> (which, in most cases, should be any browser). Although most modern
> browsers support most CSS properties, there are a few that are not yet
> implemented by all browsers. CSS can also save you a lot of work if you
> decide you want to change the look of your site, because if you use CSS
> classes you only need to change things such as the color, font, border,
> etc. in one place. And in case you are not aware, many HTML attributes are
> being deprecated in favor of CSS, so it would be a good idea to start
> using it and becoming familiar with it as soon as possible.
> --
> Nathan Sokalski
>
> http://www.nathansokalski.com/
>
> "Mike" <> wrote in message
> news:...
>> The problem isn't with CSS itself, just with how different browser
>> developers choose to implement all or part of it at whim.
>>
>> As far as how these solutions were arrived at, there seems to be a small
>> group of people out there who derive great satisfaction from finding
>> these "bugs" and producing fixes for them. Personally, I'd rather stick
>> pins in my eyes.
>>
>> I know one thing, if I were tempted to use CSS that required "hacks", I'd
>> give up. Now, even the Holly hack needs a hack to make it work with IE7.
>> I mean, who could be bothered?
>>
>>
>> "Ian Semmel" <> wrote in message
>> news:2EFDFCD49817432EA66DCB1C915DBD69@DIMITY...
>> I have looked at various tutorials on css and get the concept.
>>
>> Then I decided to look at a real example and downloaded the vs Commerce
>> example and checked out its css and master pages.
>>
>> My question is, did someone work this out or is it a result of an
>> infinite number of monkeys pounding away at keyboards until they got
>> something to work ?
>>
>> Comments from the css
>>
>> /* Critical Safari fix! */
>> /* Holly hack for IE \*/
>> /* helps IE get the child percentages right. */
>> /* Hides from IE-mac \*/
>> /* IE 3px display bug fix (in conjunction with the rule following below)
>> */
>>
>> In the master page
>>
>> 
>> 
>> 
>>
>> <body>
>> <div id="sizer">
>> <div id="expander">
>> <div id="wrapper" class="clearfix">
>>
>> etc
>>
>> In the real world, do designers work out wquivalent things or is it
>> standard to just copy and paste from earlier works ?
>>
>> I don't know who invented css, but it seems to be the product of a
>> disorganised and illogical mind.
>>
>>
>>
>
>

10-22-2007

Ive found personally that wirting css code which renders on Firefox will
almost certainly render properly on IE "Most of the time". Doing it the
other way around yeilds poorer results as IE is too forgiving and allows the
developer to get away with too much.

"bruce barker" <> wrote in message
news:%...
> the problem is historial. IE lead the standards for a while. then IE
> developement stopped, then Firefox became popular then IE started again.
>
> The IE team has been unwilling to break pages to make IE support html 4.0
> standards (given how much of the web is coded in ie quirks mode, there was
> no choice). IE mac did support html 4.0 standards, so IE hacks must detect
> its IE mac and follow html standards rather than IE quirks. with IE 7,
> there has been a move to better support standards (though it can be placed
> in quirks mode).
>
> there is a CSS acid test site to test browser compliance.
>
> http://www.webstandards.org/files/acid2/test.html#top
>
> of course, as currently only safari passes the test. this means if you
> write a fully compliant css page, safari may be the only browser it
> displays correctly one.
>
> if you think css is bad, wait until you get to ajax, and start using the
> dom. even though the w3c standard xmlhttprequest was based on ie 5's xml
> object, it took until version 7.0 for ie to support the standard version
> (basically the last browser to).
>
> the good new is that the browsers are converging on the html 4.0 standard,
> and in a few years life will be better. of course xhtml 1.1 is out now,
> and no browser attempts to support it yet. though the open source browsers
> like firefox and safari will probably be first.
>
> -- bruce (sqlwork.com)
>
>
> Ian Semmel wrote:
>> I have looked at various tutorials on css and get the concept.
>>
>> Then I decided to look at a real example and downloaded the vs Commerce
>> example and checked out its css and master pages.
>>
>> My question is, did someone work this out or is it a result of an
>> infinite number of monkeys pounding away at keyboards until they got
>> something to work ?
>>
>> Comments from the css
>>
>> /* Critical Safari fix! */
>>
>> /* Holly hack for IE \*/
>>
>> /* helps IE get the child percentages right. */
>>
>> /* Hides from IE-mac \*/
>>
>> /* IE 3px display bug fix (in conjunction with the rule following below)
>> */
>>
>> In the master page
>>
>> 
>>
>> 
>>
>> 
>>
>> <body>
>>
>> <div id="sizer">
>>
>> <div id="expander">
>>
>> <div id="wrapper" class="clearfix">
>>
>> etc
>>
>> In the real world, do designers work out wquivalent things or is it
>> standard to just copy and paste from earlier works ?
>>
>> I don't know who invented css, but it seems to be the product of a
>> disorganised and illogical mind.
>>
>>

10-23-2007

Well it must be a fairly crappy standard if it allows browser writers to
produce such variances in rendered output.

>
> the problem is historial. IE lead the standards for a while. then IE
> developement stopped, then Firefox became popular then IE started
> again.
>
> The IE team has been unwilling to break pages to make IE support html
> 4.0 standards (given how much of the web is coded in ie quirks mode,
> there was no choice). IE mac did support html 4.0 standards, so IE
> hacks
> must detect its IE mac and follow html standards rather than IE
quirks.
> with IE 7, there has been a move to better support standards (though
it
> can be placed in quirks mode).
>
> there is a CSS acid test site to test browser compliance.
>
> http://www.webstandards.org/files/acid2/test.html#top
>
> of course, as currently only safari passes the test. this means if you
> write a fully compliant css page, safari may be the only browser it
> displays correctly one.
>
> if you think css is bad, wait until you get to ajax, and start using
> the
> dom. even though the w3c standard xmlhttprequest was based on ie 5's
> xml
> object, it took until version 7.0 for ie to support the standard
> version
> (basically the last browser to).
>
> the good new is that the browsers are converging on the html 4.0
> standard, and in a few years life will be better. of course xhtml 1.1
> is
> out now, and no browser attempts to support it yet. though the open
> source browsers like firefox and safari will probably be first.
>
> -- bruce (sqlwork.com)
>
>
> Ian Semmel wrote:
> > I have looked at various tutorials on css and get the concept.
> >
> >
> >
> > Then I decided to look at a real example and downloaded the vs
> Commerce
> > example and checked out its css and master pages.
> >
> >
> >
> > My question is, did someone work this out or is it a result of an
> > infinite number of monkeys pounding away at keyboards until they got
> > something to work ?
> >
> >
> >
> > Comments from the css
> >
> >
> >
> > /* Critical Safari fix! */
> >
> > /* Holly hack for IE \*/
> >
> > /* helps IE get the child percentages right. */
> >
> > /* Hides from IE-mac \*/
> >
> > /* IE 3px display bug fix (in conjunction with the rule following
> below) */
> >
> >
> >
> > In the master page
> >
> >
> >
> > 
> >
> > 
> >
> > 
> >
> >
> >
> > <body>
> >
> > <div id="sizer">
> >
> > <div id="expander">
> >
> > <div id="wrapper" class="clearfix">
> >
> >
> >
> > etc
> >
> >
> >
> > In the real world, do designers work out wquivalent things or is it
> > standard to just copy and paste from earlier works ?
> >
> >
> >
> > I don't know who invented css, but it seems to be the product of a
> > disorganised and illogical mind.
> >
> >
> >

10-23-2007

Making it work in Firefox will cover a larger range of browsers
(including Netscape), because other browsers are based on Mozilla's
same browsing engine (Gecko). I focus on Firefox and IE, and check it
in Opera and a Linux browser or two (including Konqueror) every once
in a while. I actually don't get to check it in IE so often as I
should because I spend most of my time in Linux, but when I get
Windows up in a VM I check my stuff out in Windows browsers too.

CSS has many beautiful things (advanced selectors and such) that we
can't use because not all browsers implement them. I like to be able
to do things like this:

a[target='_blank']:after
{
content: ' (_blank)';
font-size: x-small;
vertical-align: top;
}

or

a:link { text-decoration: underline !important; }

....when I'm developing something that I am /sure/ will only be
accessed in Gecko (for a specific business or in an XUL app). I find
these things useful for customizing other websites anyway, though
(using Firefox's userChrome.css).

-Michael Placentra II

On Oct 22, 6:04 am, "Just Me" <news.microsoft.com> wrote:
> I dont think one needs to worry about safari or netscape simply concentrate
> on making your pages look the same in IE and Firefox which represent
> something like 98.5% of all browser clients, then make sure that safari and
> netscape look "Reasonable", and you will be 99.99% there.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Name that worm--plan looks to cut through chaos	Imhotep	Computer Security	1	09-25-2005 12:57 PM
ViewState chaos	=?Utf-8?B?dGhlIGZyaWVuZGx5IGRpc3BsYXkgbmFtZQ==?=	ASP .Net	1	09-08-2005 05:23 PM
Corex CardScan 6.0.6/Isbister Time & Chaos 6.0.2.5	anon	Computer Support	0	05-30-2004 09:14 PM
DVD Verdict reviews: SITCOM, CHAOS, RADIO, AMANDLA!, and more!	DVD Verdict	DVD Video	0	02-24-2004 10:04 AM
mini USB cable chaos	Phil Schuman	Digital Photography	13	12-03-2003 09:20 AM