Yep, use photoshop to combine the left and right shadows and the blue column background in one image. Because you have a fixed width layout, they can be one background image.
cheers, Geoff. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Bruce Gilbert Sent: Wednesday, 7 September 2005 11:38 PM To: [email protected] Subject: Re: [WSG] site not looking good in Mozilla/FF! thanks for the advice/suggestions. How do you add more than one background to a div? Or are you saying to combine the shadow and blue left column image in photoshop? Not quite understanding that, sorry. Also, what about the right shadow image? thanks, On 9/7/05, Geoff Pack <[EMAIL PROTECTED]> wrote: Bruce, It's not looking too good in IE either - enlarge the text and the content wraps below the left nav. General advice: get it working on Firefox *first*, and then adjust to work on IE. Specific advice: 1. Get rid of the wrapper divs - you only need the outer one. Put the background on the outer wrapper - you can include both shadows, the dark blue left column background, and the grey vertical line in the one background image. By putting all this in the wrapper background, it will extend to the whole length of the wrapper, and you won't need the Project 7 JavaScript (which doesn't seem to be working for FF). 2. Give the header, the left column, and the footer a left-margin equal to the width of your left shadow. 3. You don't need the content wrapper either. All you really need is: wrapper header [clear] left_col, top_bar [break] center_col, right_col, [clear] footer close wrapper 4. top_bar: right-align the text instead of using all that left padding. hope this helps... cheers, -- Geoff Pack Developer ABC New Media > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] Behalf Of Bruce Gilbert > Sent: Wednesday, 7 September 2005 2:05 PM > To: [email protected] > Subject: [WSG] site not looking good in Mozilla/FF! > > > I tested the following site I am working on in Mozilla and it's not > looking too good at the moment. > > the URL is: http://www.semlogic.com/test/index.htm > > and the CSS is http://semlogic.com/test/CSS/Global.css > > some of the issues are the left menu isn't displaying properly, the > background image for the left column isn't displaying and the footer > background isn't extending to the content. Also, the grey bar at the > top isn't looking right. > > Everthing validates, and it actually looks as expected in IE, but I > know that these issues, are probably due to coding misjudgements, so > if they could be pointed out, I would be greatly appreciative! > > -- > ::Bruce:: ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
