James Wiseman

I was wrong today.
A CSS Stylesheet had a style with a backgound-color setting of #fff:

background-color:#fff;

And another style with a color of #aaaaaa:

background-color:#aaaaaa;

My colleague commented that for consistency they should both be a six digit hex-code, to which I agreed. But I was mistaken as to what the six digit hex equivalent of #fff was.

I thought it was #fff000.

I can also see what fold might assume its #000fff.

Or even #f0f0f0;

But actually, it is #ffffff. The same is true for #aaa and #aaaaaa. And #aba is actually #aabbaa.

For a good explanation as to why this might be, refer to the following links:
http://www.fluther.com/13071/whats-the-difference-in-fff-and-ffffff-in-css-and-why/
http://stackoverflow.com/questions/2899197/does-stylecolor-fff-render-as-f0f0f0-or-ffffff

I probably should understand more about CSS positioning and layout styles on HTML DIVs, as its integral to today’s modern web page.

The days where I used to lay everything out in a borderless HTML table are long gone, but despite this many of the features of DIV positioning remained a mystery to me until I stumbled across Barely Fitz Designs Learn CSS Positioning in Ten Steps.

You get ten simple demonstrations on the positioning options, which covers all you need to know. Practice, as always, makes perfect, to its worthwhile having a play yourself.

He even invites you to buy him a beer for his efforts. I didn’t, but don’t let that stop you.

Mmmm, now I’m thirsty.