This is Column One of a five column layout, equally divided with padding
Most of the text of this is CSS, with five short divisions for the content to be folded into the columns. Lets see how this works.
The body grows to the size of the longest division, I added justification to the paragraph and the text looks nice in the bordered columns. Changing the font size allows for better use of column space.
We had our first substantial rain for this season, and a little earlier on average for this area. Last year was wet, maybe this year will be also, which is good if not too extreme following several years of drought.
Column One.
The columns are five different shades of blue, darker from left to right. I like blue, it is a very restful color. The colors and the borders are meant in this demo to make the padding shape of the divisions visible. The body color is grey.
These are for two each, violin, viola, cello, no.1, in B-Flat, no.2 in G. Opp 18 and 36 respectively, so the second one has an Opus twice the first one. I knew Op 18 before, but last last week Op 36 caught my ear, especially its first movement with its murmmer throughout its sonata-allegro form.
Tonight I saw my son John and his mother. We went to Fresh Choice for dinner.
Column Two.
A beautiful Fall day, especially after rain earlier. I got a taste image of Pumpernickle Bread with Salami and Cheese, and on a budget I got Jewish Rye, close enough, and I eat Lite Salami made with lean pork and turkey, I like it better than the "real" kind, less rich, better for you.
A week away from the Midterm Elections. I will send in my absentee ballot on Monday, drop it off at the City Hall. I can't wait for the barrage of ads to end, paid for by Big Money, Screw 'em, especially the GOP.
Political affiliation must be a meme, a mental preceptual trap. Last Night I learned of the sentiments of someone in my ex's family, who is disabled and probably going to school on the Department of Rehabilitation dime, yet she is a Republican, and probably because her parents are Republicans from Southern California.
Column Three.
It would seem that a rational analysis of her self-interest, being so depandant on the government would make her switch parties, since the GOP would probably want to elimiate the programs she uses. I have been a life-long Democrat because I want my interests to have a decent chance to be powerful in politics.
My views are consciously Liberal and Progressive, and lately I have become anti-business, especially as ususal, but critical of the assumptions people make about what business means and does. So I am very surprized by Pam, to the point that I think that she can't think rationally. Then again memes do impair rational judgement.
I actually had to measure the widths of the columns to verify that the have the same width, they do. This reveals a perceptual illusion caused by the body width and the color and margin of the last column.
Column Four
To test that I should switch the colors of the columns, maybe make the middle one darkest and see if the illusion goes away or has to do with the margin, maybe the body width has to be tied to the column widths.
A more basic challenge about multicolumn styles is making them evenly divide the content up between them. Maybe a javascript would do this, but I try to avoid adding scripts to my web pages. CSS doesn't really do this for you, or I haven't figured out how. I had to split a paragraph in two to make the column split more even. In fact I had to move several pieces to fill up the space. That is OK, but it would be nice to do in some automatic way.
Although this works in both Firefox 3.0 and Chrome 7, the former does a poorer job of justify text in the paragraphs.
Column Five