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
> ******************************************************
>
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
