[css-d] Safari navigation problem

[Vicki Stebbins]

Hi everyone,

I've been working with a graphic designer on the redevelopment of a website 
and she's using Safari on a Mac.

When she views the navigation menu, the spacing of the  aren't the same 
as in Firefox and IE on the PC (win2k) and the opacity filter isn't working.

Can anyone give me some thoughts on how I can have it work in Safari as 
well as the firefox, IE and Opera?

I spent a week getting this to work on the PC.

What she sees is here:http://www.seco.com.au/safari.html
Here's the page: http://www.seco.com.au/index.php

CSS:
Navigation menu: http://www.seco.com.au/styles/navigation.css
Page:  http://www.seco.com.au/styles/explorer.css

The page validates for the xhtml and the navigation menu css validates 
(other than the opacity filter which I think I can work around).

The main thing I need is the  to line up on the image behind and the 
mouseover image to line up on the image behind.

Thanks tons.
8-)
Vicki

"I'd put my money on the Sun and solar energy. What a source of power!
I hope we don't have to wait until oil and coal run out before we tackle that."
-Thomas Edison

   \(.)^(.)/
--0--
Keenstreet Communications
http://www.keenstreet.com.au


__
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/

Re: [css-d] Safari navigation problem

[Gunlaug Sørtun]

Vicki Stebbins wrote:
> What she sees is here:http://www.seco.com.au/safari.html Here's the
> page: http://www.seco.com.au/index.php

Here's what I see in Firefox on win2K...

...so I would worry more about the list-construction as a whole than
about the minor line-height differences between browsers.

You can't rely on line-height to line up those list-items. You must set
height on them and/or give them each their own background. They also
need space to grow in.

Alternatively you can turn the list into images, so you won't have any
font-size problems to worry about.

regards
Georg
-- 
http://www.gunlaug.no
__
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/

Re: [css-d] Safari navigation problem

[Vicki Stebbins]

At 03:08 PM 3/04/2007, Gunlaug Sørtun wrote:
>Vicki Stebbins wrote:
>>What she sees is here:http://www.seco.com.au/safari.html Here's the
>>page: http://www.seco.com.au/index.php
>
>Here's what I see in Firefox on win2K...
>
>...so I would worry more about the list-construction as a whole than
>about the minor line-height differences between browsers.
>
>You can't rely on line-height to line up those list-items. You must set
>height on them and/or give them each their own background. They also
>need space to grow in.
>
>Alternatively you can turn the list into images, so you won't have any
>font-size problems to worry about.
>
>regards
> Georg


Hi Georg,

I just knew it was going to be difficult, I shouldn't have agreed to do 
this for the graphic designer.

I will rethink how I do the navigation I think and then see how it goes.

It's difficult at times with print based designers thinking a webpage is 
like a piece of paper... it makes life more difficult than it needs to be.

Thanks

Vicki

__
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/

Re: [css-d] Safari navigation problem

[Jono]

Vicki Stebbins wrote:
> What she sees is here:http://www.seco.com.au/safari.html
> Here's the page: http://www.seco.com.au/index.php
>
> CSS:
> Navigation menu: http://www.seco.com.au/styles/navigation.css
> Page:  http://www.seco.com.au/styles/explorer.css
>   

I don't see right off-hand what's going on in Safari.  I did notice your 
:hover styles were flipped:

#nav li a:hover.why {
...
}

should be

#nav li a.why:hover
 {
...
}


-- 

*JONO YOUNG*
Designer | Developer | Illustrator
Charleston Web Solutions 
/Bringing Higher Standards to the Lowcountry/

__
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/