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 div
s, 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.