Colin's Journal: A place for thoughts about politics, software, and daily life.
I’ve been trying to come up with a new design for my website. I want something appropriate to the season, something summery and bright, rather than the current serious looking grey. My use of PubTal means that I can easily roll-out a new theme, although at this point I have to update the templates for my weblog separately from the rest of the site.
I’ve got an initial design, and although I need to make some further changes, it’s looking fairly good in Mozilla. Unfortunately it doesn’t look anywhere near as good in IE, because IE doesn’t support the min-height CSS property. Apparently Safari doesn’t support this either (see the documentation on the properties Safari supports), although Opera does.
Using min-height is really nice because it combines the ability to ensure the background image of a block is going to be fully visible, and yet still allows the block to grow with it’s content. The only alternative is to specify the height, in which case content will overflow if it’s too large, for example when the user selects a larger text size.
I’m going to see if I can change my design to take this into account, I would rather not have to use CSS hacks to try and hide the markup from IE, because it’ll still be a problem for Safari and probably other browsers as well.
Email: colin at owlfish.com