Quote this comment

Andreas Posted…

Pixy, this is nice. As for the antialiasing problem, maybe my PNG & CSS entry is of any use here: [edited] an example with antialiased borders for alpha transparency aware browsers and non-antialiased borders for IE. See it as a gentle "browser upgrade"-campaign. ;-)

Quote this comment

Blake Posted…

I was thinking about it and you don't need the long left image. why not just use a small left image and right image and use background color for the middle. Look at how I did it here without making the left background image so long. Plus this way it is infinitly expandable on a fluid layout and the image file size is smaller. http://blakems.com/experimental/rh.html

Quote this comment

pixy Posted…

Blake: Well, I explained it in discuss in my own blog (czech only, sorry). The major reason for it is due to the difference between quirk and standard-compliant browser mode. Your example is in transitional DTD. This switches most browsers into the quirk mode, where height = content+padding. Just watch it in WinIE5 - the header is only 18px high, and there are missing two pixels bellow... This is why I used the image for all the background - otherwise I am (you are) forced to add some height-hack to keep the height same in all browsers/modes. However, if you correct the height, yes: only solid-color background can be used in the middle and the images may be smaller.

Quote this comment

pixy Posted…

Blake: Well, I explained it in discuss in my own blog (czech only, sorry). The major reason for it is due to the difference between quirk and standard-compliant browser mode. Your example is in transitional DTD. This switches most browsers into the quirk mode, where height = content+padding. Just watch it in WinIE5 - the header is only 18px high, and there are missing two pixels bellow... This is why I used the image for all the background - otherwise I am (you are) forced to add some height-hack to keep the height same in all browsers/modes. However, if you correct the height, yes: only solid-color background can be used in the middle and the images may be smaller.

Quote this comment

pixy Posted…

Oops, I'm sorry. I really don't know why my previous post is displayed twice...

Quote this comment

Blake Posted…

If you don't want to use a hack then you could use an image. I would tend to use the background color just because it offers more flexibility. Just a preference.