Self-set design challenge. This was one of those “this should be text… no, an image! no, wait, flash! no, wait!…” etc etc ideas. So I settled on html/css/jquery/png, the solution to so many of life’s problems. The image should automatically rescale for whatever size your browser is, please tell me if this doesn’t work.
Please be sure to scroll down.
[...] update on my previous design spasm: Here’s a single image version that, while not quite as potent, is suitable for posting to [...]
This is cute.
Nice!
But…
Scrolling down seems a little incorrect with my setup (Chrome 7.0.517.44, WinXP). The top line is half obscured. My monitors are also rotated into portrait mode… perhaps that is related?
yeah, I’m pretty sure you have your monitor in portrait mode at a resolution of AxB, where A is “more than my laptop is capable of” and B is “greater than the height of the background gradient image”.
I considered getting around this problem by using a CSS gradient rather than a background image, but that gets into some rather wonky cross-browser compatibility issues, because IE doesn’t apparently have a way of understanding gradient midpoints. In much the same way a goldfish doesn’t understand basic math.