multiple classes - strange behaviour

[Firas D.]

On this page,

http://firasd.org/scrapbook/dropbox/.../mclasses.html

Why do the first two divs take the properties of the .section class but
not the float or width properties?

It's a reduced test case from this page:

http://one.textdrive.com/~firas/aisr...-25/prototype/

Where the second div seems to ignore the size (or use the size relative
to the screen, not the container div) but picks up the float and
..section class properties.

Interestingly enough, the latter seems to 'work' in IE.

What am I missing?

[Firas D.]

for 15 minutes.
Allow to cool slightly.
Place the pie pan in 375 degree oven for a few minutes so bottom crust is not soggy,
reduce oven to 325.
Fill the pie with stew, place top crust and with a fork, seal the crusts together
then poke holes in top.
Return to oven and bake for 30 minutes, or until pie crust is golden brown.

Sudden Infant Death Soup

SIDS: delicious in winter, comparable to old fashioned Beef and Vegetable Soup.
Its free, you can sell the crib, baby clothes, toys, stroller... and so easy to
procure if such a lucky find is at hand (just pick him up from the crib and
he?s good to go)!

SIDS victim, cleaned
½ cup cooking oil
Carrots
onions
broccoli
whole cabbage
fresh green beans
potato
turnip
celery
tomato
½ stick butter
1 cup cooked pasta (macaroni, shells, etc.)

Remove as much meat as possible, cube, and brown in hot oil.
Add a little water, season, then add the carcass.
Simmer for half an hour keeping the stock thick.
Remove the carcass and add the vegetables slowly to the stock,
so that it remains boiling the whole time.
Cover the pot and s

[kchayka]

Firas D. wrote:

http://firasd.org/scrapbook/dropbox/.../mclasses.html

What am I missing?

Validation. ;)
http://jigsaw.w3.org/css-validator/v.../mclasses.html

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

[Harlan Messinger]

"Firas D." <us****@firasd.org> wrote in message
news:33*************@individual.net...

On this page,

http://firasd.org/scrapbook/dropbox/.../mclasses.html

Why do the first two divs take the properties of the .section class but
not the float or width properties?

It's a reduced test case from this page:

http://one.textdrive.com/~firas/aisr...-25/prototype/

Where the second div seems to ignore the size (or use the size relative
to the screen, not the container div) but picks up the float and
.section class properties.

Interestingly enough, the latter seems to 'work' in IE.

What am I missing?

Kchayka answered your question. As a side note: I trust that

..60pc {width: 58%;}
..40pc {width: 38%;}

illustrates the flaw in the strategy of naming your classes based on the
properties you *at the moment* intend to apply with them. And then what if
you decided to go 70-30 (or 65-28)? Then you'd have to rename the class
everywhere it appears in HTML tags, which defeats the purpose of separating
the presentation out from the content. Well, you wouldn't *have* to, but

..60pc {width: 68%;}
..40pc {width: 28%;}

would get pretty confusing pretty quickly. More appropriate names would be
"leftSide" and "rightSide", or "mainContent" and "navBar", or something like
that, names that describe that content to which they are being applied.

[Firas D.]

kchayka wrote:

Firas D. wrote:

http://firasd.org/scrapbook/dropbox/.../mclasses.html

What am I missing?

Validation. ;)
http://jigsaw.w3.org/css-validator/v.../mclasses.html

Wow.
Damn.
I never really think of validating style sheets.
Damn!
Thanks.