background image

CSS 3 column liquid layout with background image stretch

CSS keeps improving but sometimes it takes some creativity to meet what might seem like obvious demands: a background image stretched in a column

The following example gives two different methods of background image stretching, though I admit that the background image is just a color gradient and that this kind of stretching on a graphical image (in a liquid layout) could appear at best, "funny".

I created a color gradient and then resized it to be 640x2 pixels, otherwise all of the code is below:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
Syndicate content