2003/09/06

2003 09 06

Base | WebDev | CSS

23:34

Preventing headings floating downstream

I am quite happy with the new design, but at large font sizes, small window sizes or a mild combination of both, the posting headings seem to have a tendency to float downstream. The primary problem seems to be that they do not wrap. Actually, they do, but when they do, they also try to take as much space as possible and thus end up below the timestamp block preceding it, instead of floating around it.

The next thing I will try as a solution for this is to create another level of divs, which will break down the already defined DIV.post into smaller bits, i.e. DIV.post DIV.heading and DIV.post DIV.content. The heading will be set to float left as a whole. Within it, the timestamp might need its own DIV, but will in any case be floated left.

That is for tomorrow—I promised my wife that I would put an end to pulling very late nights and I am already 10 minutes past the agreed shutdown time.

Base | Navelstaring

02:18

You have a bad browser

In IE6/win, this site looks sort of similar to the proper version now, but there will be plenty of visitors wondering why this site looks so, well, crap. For the benefit of these dimbulbs, I have put a link in the main navigation to a page that now merely contains a few harsh words and will shortly contain a rich set of resources to places of good reputation in the standards arena.

Base | WebDev | CSS

01:50

Stable design

Whole days of work have now gone into researching, learning, collecting bookmarks and a lot of fiddling with CSS. It is a learning high such as I have not had for a while. The symptoms are dead obvious: I have been sitting behind my screen for just about every available minute for the last three days. The amount of available minutes was drastically increased by me sleeping only the bare minimum of 5 or 6 hours a night. I feel a cold coming on, I have a mild headache and I am running out of coffee at an alarming rate. And I utterly do not care, for the dual rewards of learning stuff that is actually marketable and creating a site design that is orders of magnitude better than anything I have done before make it all worthwhile.

The highlights:

  • Introduction of detailed tree of DIVs.
  • Cleaned up style sheet to take advantage of the clean structure.
  • A fairly novel way of displaying the date stamp for a post: broken up in sets of 2 digits, arranged in a stack of 5.
  • Adjusted colors to be subtle, yet distinctive.
  • Header section with advanced floating arrangement. (try changing the font and/or window size)
  • Site still looks crap in IE, but it sort of looks similar, rather than nothing like the intention.