I've seen other sites do this. Basically I use a big image as a background, but when the windows resizes smaller, it messes up the image alignment with the sidebar / content. http://www.shrinkcss.com/test/ ^ example http://demo.themezilla.com/launch/standard-post-with-the-whole-kitten-kaboodle/ ^ here's an example of someone using it but fixing the resize issue Any ideas? Any help would be greatly appreciated!
Ok, mistake number one... Given that your sidebar and content should be fluid or semi-fluid, you shouldn't be trying to line them up with a background in the first place! Your first example at shrink is empty... there's no background there. The second example probably aligns that background off center instead of top-right... unfortunately it being a fixed width layout with px metric fonts on everything it's total accessibility **** that you probably shouldn't be trying to emulate in the first place. To me it sounds like you're asking about something that has no business on a website in the first place... though if you really want to do it, align the background "top center" instead of "0 0" or "top left", then center your content off that... though it will still screw up if the window goes narrower than the crappy little stripe fixed width. ...which is why we have fluid, semi-fluid and responsive layouts -- in which things like massive background images lining up to the content are a steaming pile of /FAIL/ for being "not viable for web deployment" or as I just said, having no business on a website in the first place.