IE7 and IE8 drop down sub menus not showing...

Elaina

Newbie

Posts: 2

IE7 and IE8 drop down sub menus not showing...

« on: June 18, 2009, 04:39:31 PM »

Hello,

I have manged to get the Horizontal menu to work on the website it works well in Firefox and IE6.
Recently I have been informed that IE7 and IE8 will not show the submenus. As I am a complete novice at css and I do not understand what some of the terms meen, I am hoping that you can help me to rectify the problem and tell me where I went wrong.

This is the website url: www.rhts.co.uk

Below is the Style Script that is placed in the head of my web page.

Thanks for a great program

Elaina

<style type="text/css" media="screen">
body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #000000;width:100%;

border:solid 1px #FDFFD9;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bolder;
font-size:14px;
color: #FFFFFF;
background-color: #000000;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ;

border-right:solid 1px #FDFFD9; border-left:solid 1px #FDFFD9;}
.pd_menu_01 ul li a {color: #FFFFFF;background: #000000;float:none !important ; float:left ;

display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #000000; width:1px}
.pd_menu_01 ul li:hover a {background-color:#000000; text-decoration:none; color:#FFFFFF;} /*Color

main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px;

left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em;

margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #FDFFD9; border-bottom: solid 1px

#FDFFD9; background-color:#800000; color:#FDFFD9;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#FDFFD9;

text-decoration:none;color:#800000;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#000000; text-decoration:none;color:#FFFFFF;} /*Color

main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px;

left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#800000; color:#FDFFD9;} /*Color subcells normal

mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em;

padding:4px 16px 4px 16px; border-left:solid 1px #FDFFD9; border-bottom: solid 1px #FDFFD9;

background-color:#800000; color:#FDFFD9;}
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#FDFFD9;

text-decoration:none;color:#800000;} /*Color subcells hovering mode*/
</style>


	Logged

Administrator
Full Member

Posts: 111

Re: IE7 and IE8 drop down sub menus not showing...

« Reply #1 on: June 20, 2009, 07:12:11 AM »

Hello,

I tested the page on IE6, 7 and 8 and it worked in IE6 and IE8 here. Anyway, it my fail in some IE8 installations (especially with their beta revisions). However, I saw your page does not have DOCTYPE definition in the beginning - please, cut and paste the line below in the top of your page, where the <html> tag currently is:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

When done, notify me and I will test to see if it works in IE7


	Logged

Elaina

Newbie

Posts: 2

Re: IE7 and IE8 drop down sub menus not showing...

« Reply #2 on: June 20, 2009, 10:05:17 AM »

Quote from: V on June 20, 2009, 07:12:11 AM

Hello,

I tested the page on IE6, 7 and 8 and it worked in IE6 and IE8 here. Anyway, it my fail in some IE8 installations (especially with their beta revisions).
When done, notify me and I will test to see if it works in IE7

Hi again

Thanks for replying to me, I have done as you have asked and placed the tag into the home page hope this helps. if it dose I put it in all the pages. Just to let you know the pages are all done in FrontPage 2000 would that make any difference?

You said about "it may fail in some IE8 installations ( What did you mean by that?) would this also apply to IE7 as well, or could it be the operating system I.e. Vista or Windows 2000?

Thank you for your help.

Elaina


	Logged

Administrator
Full Member

Posts: 111

Re: IE7 and IE8 drop down sub menus not showing...

« Reply #3 on: June 25, 2009, 03:02:19 PM »

Well, older FP versions were really bad with source code, but I think 2000 is good one (I hope it doesn't change html code on its own, but actually, I don't have any experience with FP at all...)

When I said "some versions of IE8" I meant the first beta versions -- they were buggy and in the very first betas the css menu was not very well supported (missing background colors, for example, in one of my first IE8 tests with early beta, then there were some font color with some later beta) However, since then I did not get any trouble with the later versions of IE8. (But if there are still users with some of these early betas installed, they could see strange results... In other hand, I suppose no one still uses these beta versions so it should be OK now)


	Logged

Pages: [1]

« previous next »