culann.com

CSS Background Images

Here’s a problem for someone smarter than me.

I’m trying to craft a page with an empty gutter on the left, a 1px vertical line, and content on the right of the line. I want to place an image in the bottom left corner of the screen that is divided by the vertical line and is fixed on the screen (doesn’t scroll). This, it turns out, is very hard.

I’ve been trying to get around the issue by putting fixed attachment background images, but the second image just won’t stay put. Sigh.

—

I finally broke down and created a very tall image use as the background (left bottom, fixed) for the body element. Sigh. Stupid workarounds.