CSS

Text not appearing in IE6

Ah, our old friend IE6 again. Is there no end to it’s talents?

I came across a very strange bug in IE6 where sidebar section heading would not appear. Sometimes scrolling the screen would make a few appear, and then again make them disappear again.

Fortunately there are well documented fixes for this here and here

It’s all down to floats when they have a background set – the background seems to become the foreground, obsuring everything. This can be cured by enforcing ‘layout mode’ by setting the element size to 0.01%, which forces IE6 to re-assess what it’s doing.

Resizing images proportionally

I needed to resize images proportionally for a site and found the answer far more simple than I expected…

Some instances I needed a specific height, other times a specific width. How to do it? PHP graphics library? Javascript hack? Noooooo…it’s far easier than that with CSS:

If you need to specify the height set the width to auto. Vice versa for width.

Why can’t all CSS be this simple! It even works in IE6….