[Pro] Conditional Stylesheet for Nav in ie

Hi,

The website I’ve created: www.tresell.com has a special css nav that I’ve created with some hand written html code (inserted into the Freeway page with CrowBar) and a nav.css file (included in the site using ESS-Use external style sheets).

It works well in all browsers except IE 6 & 7. In these browsers it is just about 12px too high.

So I made a ie6-7nav.css which adds 12px to the top of the nav ul.

My question is: how do I tell the browser to use the special ie6-7.css nav file necessary?

I tried adding this before /head:

but it broke the site in IE6. I’m guessing that’s not the way to do it. Does anyone know the proper way to do this in FW?

Thanks,

Sly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hmmm. That’s exactly how to do it. In what way did it break? Did you
try without the media part of the link?

Walter

On Aug 24, 2011, at 4:18 PM, Sly wrote:

Hi,

The website I’ve created: www.tresell.com has a special css nav that
I’ve created with some hand written html code (inserted into the
Freeway page with CrowBar) and a nav.css file (included in the site
using ESS-Use external style sheets).

It works well in all browsers except IE 6 & 7. In these browsers it
is just about 12px too high.

So I made a ie6-7nav.css which adds 12px to the top of the nav ul.

My question is: how do I tell the browser to use the special
ie6-7.css nav file necessary?

I tried adding this before /head:

but it broke the site in IE6. I’m guessing that’s not the way to do
it. Does anyone know the proper way to do this in FW?

Thanks,

Sly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Should be

<!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

oh, well, I’ve just uploaded it again and it works as I’d hoped.

I was using adobe browserlab to preview the site and it looked as though IE6 was using no other style sheet other than the special one (perhaps because I didn’t have faith in my theory).

So thank you for causing me to try it again.

I have tested it on tresell.com and will now roll it out to the other pages in the site.

Thanks Walt and Dave,

Sly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Further info:

Now I’ve updated the other pages in the site.

I previewed them with BrowserLab and experienced the same issue: the IE6 preview showing not transparency and items all over the place in the wrong position, as before.

But, on clicking refresh in Browserlab, all looked as it should.

So, a BrowserLab glitch perhaps?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options