New Design
Friday 7th December, 2007 04:59 Comments: 0
Very occasionally, for no apparent reason, IE7 will display a scrollbar at the bottom of the (diary, but also potentially index) page because the page is 1 pixel too wide. Even though it works fine in Firefox. Even though there's no reason to do it (and it has to be based on the content, otherwise it'd occur on every page). I've tried copying stuff about, but I can't work out what the cause is. Argh.
Anyway, despite that little quirk, I've decided to throw the new design up on the index page as an incentive for me to finish things off (e.g. make login page match, possibly sort out search page so it use GET instead of POST, and provide search fields on the page itself, finalise the new diary design for 2008).
Just spotted another quirk, for some reason the border-bottom on the navigation links (INDEX, BLOG, LOGIN) don't show up unless there's some content underneath it (but, again, works fine in Firefox). It's the same code so it really should be consistent. I've added something to pad it out.
EDIT: I think I've worked it out.
This is a test sentence of italic text that is long enough that it might cause problems. At least I think this should do the trick.
Yep, here's why. Italic text causes the problem if the end of a sentence hits the edge of the browser. A few pixels less wide and the word falls onto a second line. A few pixels wider and the word isn't at the end of edge of the screen. But, similar to Goldilocks, if you get it just right, you get the annoying 1 pixel scrollbar. It appears to be because IE is not treating the width of the fullstop correctly. If you close the italic tag before the fullstop then all is well. It would appear that the comma is okay, perhaps it only affects the fullstop? You might not see me posting a lot of italic text from now on. Or maybe you will.
Anyway, despite that little quirk, I've decided to throw the new design up on the index page as an incentive for me to finish things off (e.g. make login page match, possibly sort out search page so it use GET instead of POST, and provide search fields on the page itself, finalise the new diary design for 2008).
Just spotted another quirk, for some reason the border-bottom on the navigation links (INDEX, BLOG, LOGIN) don't show up unless there's some content underneath it (but, again, works fine in Firefox). It's the same code so it really should be consistent. I've added something to pad it out.
EDIT: I think I've worked it out.
This is a test sentence of italic text that is long enough that it might cause problems. At least I think this should do the trick.
Yep, here's why. Italic text causes the problem if the end of a sentence hits the edge of the browser. A few pixels less wide and the word falls onto a second line. A few pixels wider and the word isn't at the end of edge of the screen. But, similar to Goldilocks, if you get it just right, you get the annoying 1 pixel scrollbar. It appears to be because IE is not treating the width of the fullstop correctly. If you close the italic tag before the fullstop then all is well. It would appear that the comma is okay, perhaps it only affects the fullstop? You might not see me posting a lot of italic text from now on. Or maybe you will.