- ベストアンサー
メニューバーのプルダウンの高さ分が下にずれる
- HP作成をはじめて３週間たらずの者が、メニューバーのプルダウンの高さがずれる問題に困っています。
- HTMLの構成はヘッダー、プルダウン形式のメニューバー、フラッシュ、コンテンツの順です。
- 解決策として、positionを利用することが考えられますが、具体的な使い方が分からず質問しています。
- kanemitsugenji
- お礼率50% (1/2)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
position: absolute; で上に重なります。 jQueryのプラグインにもありますが、 今回の質問で、参考になりそうなサイト書いときます。
その他の回答 (1)
- taro7779
- ベストアンサー率0% (0/1)
CSSをください。
補足
CSSです。なお、ズレを確認できているプラウザはIE6,7,8（IETesterで確認）。 /* Browser Default*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } img, abbr, acronym, fieldset { border: 0; vertical-align: bottom; } li { list-style-type: none; } /*Browser Default Initialization */ body { background-image:url(../image/bg_top.jpg); background-repeat:no-repeat; background-position: center top; } div#wrapper { width: 960px; margin-right: auto; margin-left: auto; } #navibar { width:960px; height:45px; } *html #navibar { background-color:transparent; } #navibar ul { margin:0; padding:0; list-style-type:none; } #navibar li { width:160px; float:left; } #btn01 a { background-image: url(../image/menu1.jpg); background-repeat: no-repeat; background-position: center center; display: block; height: 45px; width: 160px; text-indent: -9999px; } #btn01 a:hover { background-image: url(../image/menu1_on.jpg); } #btn02～06について、上記２つの繰り返し #navibar ul ul li { width:160px; float:left; } #navibar ul ul { visibility:hidden; } #pull01 a { background-image: url(../image/pull1.jpg); background-repeat: no-repeat; background-position: center center; display: block; height: 35px; width: 160px; text-indent: -9999px; } #pull01 a:hover { background-image: url(../image/pull1_on.jpg); } #pull02～03について、上記２つの繰り返し div#flash { width: 960px; height:350px; margin-top:9px; clear:both; } div#contents { width: 960px; margin-top:20px; height: auto; }
お礼
abeatc 様 なんとか解決いたしました。 貴重な情報どうもありがとうございます！