(no subject)

[tinyjo]

OK, I think I've worked out what caused the problem with the new style on I.E. When one of the journal entries contains something which is wider than the box (like the middle class stick on the poll I posted) Mozilla simply allows the large thing to overlap the edge of the box (which caused the bug Ian noticed with the blog info where some lines were too long for the space so it pushed the box into the left-hand one). I.E. resizes the box to the size of the large thing. This means that the box is now too big to fit in it's allotted space so it moves it down below. This is bad and naughty - anyone know how I can make I.E. behave itself? I've validated the page and included the doctype declaration to get rid of "quirks" mode and it still does it.

Comments

Reading order

[(Anonymous)]

Since you are using CSS positioning, you should be able to supply the various components (divs) in order. In which case it is a good idea to rearrange things to
present the main content first. See diveintoaccessibility.org (http://diveintoaccessibility.org/day_10_presenting_your_main_content_first.html) for a discussion of this.

Also, you obviously will see nothing if your browser has Javascript switched off—you might want to add a noscript section directing people to the version on livejournal.com…

—Damian

[tinyjo.livejournal.com]

When I did that, I couldn't get the float to do properly and couldn't be arsed to work out why. It would be better if I want nice(ish) rendering in non CSS browers though. Now all I need is a laptop...