> -----Original Message----- > > > The page has a variable width from 750 px to 1100 px so what > > > size do I make the solid background image that goes into the > > > outer wrapper that will allow the center content to expand > > > and contract?? > > If your max-width is 1100px, make it 1100px wide. More or less of the > right side of it will show depending on how wide someone's browser > window is.
Thanx. I realized that with my overflow set to hidden, any extra image would get cut off in a narrower browser. > Your white line delineating the third column complicates things. If you > need to have this, I would still tile a tan/purple strip down the body > or outermost wrapper of the page. Then, you'd need another wrapper > inside to place another background image that only contains the white > vertical line and transparent space all around it. You'd need to use a > liquid faux columns technique to size and apply the background image: > http://www.communitymx.com/abstract.cfm?cid=AFC58 I played around with the negative margin layouts you gave me and some others that had been recommended and I just could not get it to work properly with the background images. After a week, I decided to go back to my original layout using the Skidoo layout ( http://webhost.bridgew.edu/etribou/layouts/skidoo/), and I got it working in 2 hours. Skidoo seems to work quite well with layered background images and I only needed my 3 gradient images (the header, left ground and main ground) to get equal-height columns. Per a suggestion on the list, I made that white line into the border for the right column (which is floated on the padding of the center column) and the only trouble I'm having with it is that it's sitting on top of the image in the lower right corner (I just sent a note to the list asking how to fix that). The "just-about" completed site is here http://209.59.136.73/ > Note that this is not a basic technique, so if you're new to CSS you may > be confused by it. Your whole layout is pretty complicated, actually. If > you're new to CSS, I'd advise not biting off so much at once and > simplify all those graphics. Yep, I have been thoroughly confused, befuddled, frustrated, and angry at this layout, but it's what our designer wants, our CEO loves it and we are a teeny non-profit with no budget to hire a pro and I was the only one willing to take on the job. Of course, I took on the job before we got the design, I might have passed on it if I'd seen it first ;-) I would have loved a much simpler design, but it did give me some fabulous lessons in CSS. 'Though I couldn't get any of the negative margin layouts to work with it, I did learn a ton about how to do them with a simpler design and I discovered that Skidoo is great for when you do have fancy background images that have to match up perfectly. It was an utter PITA project that gave me migraines, but in one month, I went from a very heavy reliance on tables, only using my stylesheets for color and text styling (and with messy CSS at that!), to learning enough to create a fully html valid, pure CSS layout (except for the tables that our CMS modules add in, but I'm fixing those as I go), and I don't think I would have been able to do that if it had been a simpler design. I feel very prepared to take on redesigning my personal site now. Thanks again for the help and the tutorials and I'd love any feedback you have on the site and help with that stray border =) Robin~ www.wonderbabydesigns.com www.diaperfreebaby.org (redesign @ http://209.59.136.73/ ) ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
