423,516 Members | 2,068 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 423,516 IT Pros & Developers. It's quick & easy.

CSS side menu and IE

P: n/a
I'm a rookie, and I guess I know just enough to be dangerous. I found a
great template website, openwebsign.org, and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet, and
pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css . If
you use Firefox on the webpage, going to View/pagestyle/alternative will
show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah
Feb 5 '06 #1
Share this Question
Share on Google+
6 Replies


P: n/a
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I found a
great template website, openwebsign.org, and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet, and
pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css . If
you use Firefox on the webpage, going to View/pagestyle/alternative will
show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount.au.com
Feb 5 '06 #2

P: n/a
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the hyperlinks;
it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I found
a great template website, openwebsign.org, and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet,
and pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css .
If you use Firefox on the webpage, going to View/pagestyle/alternative
will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah

It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount.au.com

Feb 5 '06 #3

P: n/a
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org, and found an open
source template I really liked that even came in 2 versions. Spent
2 weeks updating my website, put it up, **using the alternative**
css sheet, and pfft, IE 6.0 can't see the side menu items as
hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine


The menu works ok in IE for me as well. My only immediate criticism is
the miniscule font sizing.

body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 71%; /* Enables font size scaling in MSIE */
....

First, Verdana is too large a font.
http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

Second, the body (and all regular content) font should be set at 100% so
as to respect your visitors' default size. If you think it looks too
large, set *your* default size (Deborah's) to something smaller. I had
to hit Control-Plus twice to be able to read your page. The 71% is less
than three-quarters of my preferred size.

Use larger percentages for <hx> elements of course, and maybe something
as small as 85% for legalese.

Additionally,
Please drop the use of: text-align: justify harder to read
Please drop the use of: font-size: 8.5pt;

You should also visit:
<http://validator.w3.org/check?verbose=1&uri=http%3A//www.simi-therapy.com/>
<http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.simi-therapy.com/>

--
-bts
-Warning: I brake for lawn deer
Feb 5 '06 #4

P: n/a
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html
(Just remove the markup and other code for the second level of the menu
for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer called
"IEDocMon". It adds a DOM Inspector to Internet Explorer (just as
Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under "View...Explorer
Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the hyperlinks;
it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org, and found an open
source template I really liked that even came in 2 versions. Spent 2
weeks updating my website, put it up, **using the alternative** css
sheet, and pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount.au.com

Feb 6 '06 #5

P: n/a
Actually, I think I used a different menu tutorial on:

http://www.alistapart.com

for my business web site as it had some code for highlighting the part
of the menu that corresponds with the current page. The suckefish one is
still good plus there are also menu tutorials at:

http://www.24ways.org/

This site is good as it has tutorials from professional web developers.

Have fun

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

Peter Mount wrote:
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html
(Just remove the markup and other code for the second level of the menu
for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer called
"IEDocMon". It adds a DOM Inspector to Internet Explorer (just as
Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under "View...Explorer
Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the
hyperlinks; it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:

I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org, and found an open
source template I really liked that even came in 2 versions. Spent
2 weeks updating my website, put it up, **using the alternative**
css sheet, and pfft, IE 6.0 can't see the side menu items as
hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount.au.com

Feb 6 '06 #6

P: n/a
Thanks for all the good suggestions. On the openwebsign forum, where I
got the template in the first place, someone sent me to
http://www.positioniseverything.net/explorer.html , which I intend to
study. Then he suggested this

#side-bar ul, ol, dl {
position: relative;
}

which solved the whole thing.

This is what I so appreciate about all these forums. I'm a rank
amateur, knowing just enough to play with my own web pages, and solve
90% of my own problems. But that last 10% is generally beyond my level
of knowledge, and these groups are so generous with their help

Thanks again,

Deborah

Peter Mount wrote:
Actually, I think I used a different menu tutorial on:

http://www.alistapart.com

for my business web site as it had some code for highlighting the part
of the menu that corresponds with the current page. The suckefish one is
still good plus there are also menu tutorials at:

http://www.24ways.org/

This site is good as it has tutorials from professional web developers.

Have fun

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

Peter Mount wrote:
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html

(Just remove the markup and other code for the second level of the
menu for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer
called "IEDocMon". It adds a DOM Inspector to Internet Explorer (just
as Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under
"View...Explorer Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the
hyperlinks; it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:

Deborah wrote:

> I'm a rookie, and I guess I know just enough to be dangerous. I
> found a great template website, openwebsign.org, and found an open
> source template I really liked that even came in 2 versions. Spent
> 2 weeks updating my website, put it up, **using the alternative**
> css sheet, and pfft, IE 6.0 can't see the side menu items as
> hyperlinks.
>
> Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
> to use is at
> http://www.simi-therapy.com/simitherapy-screen-alt.css . If you
> use Firefox on the webpage, going to View/pagestyle/alternative
> will show you the look I prefer.
>
> Can anyone see what's wrong with the alternative stylesheet?
>
> Thanks
>
> Deborah

It can in my version of IE. I'm using IE6 SP2 at the moment to see
it and the menu seems to work fine

Peter Mount
in**@petermount.au.com

Feb 7 '06 #7

This discussion thread is closed

Replies have been disabled for this discussion.