上記のサイトで。メニューのサブメニューを使おうとするとメニューが消える。つまり、サイト メニューの [市場調査プラス] > [リソース センター] > (まだ閉鎖されていない場合) に移動してから、[A ダースの問題] に移動します。
css を元のスタイルに戻そうとしましたが、これによりメニュー幅が完全に台無しになりますが、元の css コーディングでも問題は依然として存在します。
添付されているのは私の現在のcssファイルです。メニューのサブメニューを制御するルールを教えていただければ幸いです。
/* -------------------[ Top Navigation ]------------------- */
#topnav {
width: 970px;
padding: 1px 0 0;
margin: 0 auto;
background:url(images/navbg.gif) top left;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav .limit {
width:970px;
margin:0 auto;
padding:0;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav ul {
height: auto;
width:970px;
list-style: none;
padding: 0 0px;
margin: 0 auto;
float:left;
-moz-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px; rgba(0,0,0,0.3);
}
#topnav ul a, #topnav ul a:link, #topnav ul a:visited {
height: auto;
display: block;
text-decoration: none;
padding: 0 10px;
margin:0 auto;
color:#fff;
overflow:hidden;
float:left;
}
#topnav ul a:hover, #topnav ul a:active {
background:#0A1F33;
height: auto;
}
#topnav li {
height: auto;
line-height:40px;
float: left;
}
#topnav li ul {
float:left;
z-index:9999;
position: absolute;
left: -999em;
height: auto;
width: 400px;
margin-top: 35px;
padding: 0 10px;
border-top:1px solid #f5f5f5;
background:#0A1F33;
}
#topnav li li {
height: auto;
line-height:30px;
border-bottom:1px solid #000;
}
#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited {
height: auto;
width:380px;
float:left;
}
#topnav ul li ul a:hover, #topnav ul li ul a:active {
height: auto;
background:#000;
}
#topnav li ul ul {
height: auto;
border:0;
margin: -30px 0 0 400px;
height: auto;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
height: auto;
left: -999em;
height: auto;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: auto;
height: auto;
}
#topnav li:hover, #topnav li.sfhover {
background:#0A1F33;
height: auto;
}