- ベストアンサー
IE6で、横スクロールバーだけ消したい
本来、横スクロールバーが出るほどでもないようなページなのに IE6だけ、横スクロールバーが勝手に出てしまいます。 どうしたら、横スクロールバーを消すことができますか？ （縦スクロールバーは必要です） ちなみに、フレームのページであっても、非フレームのページであっても出てしまうようですが、 下記の宣言を消すと、一応消えるのですが、他のスタイルシート等が無効になってしまうので困っています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ページの内容は、複雑なTABLE入れ子をもったページです。 IE5、IE5.5、Firefox、Operaではどれも出ません。 よろしくお願いします。
- 春原 なの（@ymda）
- お礼率60% (1820/2985)
- HTML
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
ＣＳＳ内に『html {overflow-y:scroll;}』を追加してみてはいかがでしょうか？
その他の回答 (4)
- partita
- ベストアンサー率29% (125/427)
IE６ですが、横スクロールバー出ませんでしたよ。 ちなみに、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> を使用するなら leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" はいりません。 body {margin:0;} としたほうがいいです。
お礼
締め切ってしまったのですが、あるおかしな条件で出てしまうようです。 再質問します＞＜
- koutarou504
- ベストアンサー率44% (182/407)
DOCTYPE 次第で横スクロールバーが消えたり現れたりで 他のスタイルシート等が無効にとの記述から、 スタイルシートの記述がポイントでしょう。 質問者が思っている以上に横幅を取っているのでしょう。そのスタイルシートの指定だと・・・。 尚、スタイルシートはブラウザによって（IE, Opera などの種類だけでなくバージョンでも）かなり振る舞いが異なります。 ソース（ＨＴＭＬとスタイルシート共に）を提示されて改めてご質問をされるのが一番良いと思いますが・・・。
補足
HTMLのソースは一部しか出すことができませんが、以下のような感じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <title>たいとる</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="./common/default.css"> </head> <body text="#444444" bgcolor="#ffffff" link="#000099" vlink="#000099" alink="#000099" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> （以下繰り返される） <table border="0" cellspacing="1" cellpadding="0" bgcolor="#6699CC" width="582"> <tr> <td> <table border="0" cellspacing="5" cellpadding="0" bgcolor="#eeffff" width="100%"> <tr> <td valign="top"><img src="画像" width="10" height="14" border="0" alt=""></td> <td valign="top"> <table border="0" cellspacing="0" cellpadding="0" class="main" width="300"> <tr> <td class="main5" colspan="2"><strong><font color="#006699">$title</font></strong></td> </tr> <tr> <td width="50%">文字列：<strong>文字列</strong></td> <td width="50%">文字列：<strong>文字列</strong></td> </tr> <tr> <td>文字列：<strong>文字列</strong></td> <td>文字列：<strong>文字列</strong></td> </tr> <tr> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="582"> <tr> <td><img src="ダミー画像" width="2" height="20" border="0" alt="0"></td> </tr> </table> （繰り返し終わり） </body> </html> ----------- cssの内容 A{text-decoration:underline;} .big {color:#444444;font-size:14px;line-height:16px;} .big2 {color:#444444;font-size:16px;line-height:13px;} .main0 {color:#000000;font-size:12px;line-height:13px;} .main {color:#444444;font-size:12px;line-height:18px;} .main2 {color:#444444;font-size:12px;line-height:20px;} .main3 {color:#1A4740;font-size:12px;line-height:18px;} .main4 {color:#FFFFFF;font-size:12px;line-height:18px;} .main5 {color:#FF0000;font-size:12px;line-height:18px;} .smallw {color:#ffffff;font-size:10px;line-height:14px;} .small {color:#444444;font-size:10px;line-height:14px;} .small2 {color:#444444;font-size:10px;line-height:16px;} .smallcap {color:#717171;font-size:10px;line-height:14px;} .smallnow {color:#444444;font-size:10px;line-height:11px;} .large {color:#566662;font-size:18px;line-height:22px;}
- quads
- ベストアンサー率35% (90/257)
過去ログから探して自己解決しろとまでは言いませんが、このような問題はソースの提示がない限り回答するのは困難です。 既にputされているならページのURLを提示してください。
- amane-port
- ベストアンサー率30% (6/20)
過去に同じ質問が何度も出ているようですよ。 まずは検索からしてみてください。
補足
既に、検索した方法で何度もためしているのですが、うまくいかなかったので 質問しています。汗
お礼
え？html に対して、overflow-y を設定するんですか。 横スクロールバーでなくなりました。 今までがんばって、bodyに対してずっと加えてました。 ありがとうございます。