0

かなりうまく機能している垂直ドロップダウンメニューがあります。ただし、対処できないバグが1つあります。

ここで私のメニューを見つけることができます:テストページ

このメニューは、Internet Explorer では問題なく動作します (最初のサブメニューの小さなドロップを除いて、私はそれを受け入れることができます (それが何であるかを知っていればボーナス ポイントです)、他のブラウザーでは、私の背景はサブメニューからメイン メニューに戻ります)。 . 「マージン」はどこから来るのですか?

これまでのところ、それは私がli:hover子供たちをどのようにスタイリングしたかに関係があることがわかりました

私のCSSから潜在的に役立つスニペット

ul#menu3{
display:block;
left:20px;
margin:0;
width:10em;
padding:0;
position:absolute;
list-style:none;
}
ul#menu3 li{
color:#000000;/*
float:left;*/
position:relative;
margin:0;/*
margin-bottom:-1px;*/
line-height:31px;
text-align:center;
width:10em;
padding:0;
font-weight:bold;
display:block;
vertical-align:middle;
background-image:url(../../../menu4/awmdata/button-tile.gif);
}
ul#menu3 li:hover ul{
text-align:center;
vertical-align:bottom;
background-image:url(../../../menu4/awmdata/button-tile.gif);
background-repeat:repeat;
left:auto;
margin-top:-31px;
}
ul#menu3 li ul{
position:absolute;
left:-999em;
margin-left:10em;
margin-top:-31px;
}
ul#menu3 li ul li{
color:#000000;
margin:0;
left:auto;
padding:0;
font-weight:bold;
}
4

1 に答える 1

0

これをstyles.cssの上部に貼り付けます

ul, li {
    margin: 0;
    padding: 0;
}

メニューに順序付けされていないリストを使用する場合は、最初からレイアウトをより適切に制御できるように、余白とパディングを削除することをお勧めします。

于 2012-05-10T22:43:39.020 に答える