IE6で、横スクロールバーだけ消したい

解決済

質問者：ymda
質問日時：2005/07/25 02:50
回答数：5件

本来、横スクロールバーが出るほどでもないようなページなのに
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ではどれも出ません。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： hidekun_84
回答日時：2005/07/26 12:42

ＣＳＳ内に『html {overflow-y:scroll;}』を追加してみてはいかがでしょうか？

- 0
- 件

通報する

この回答へのお礼

え？html に対して、overflow-y を設定するんですか。
横スクロールバーでなくなりました。

今までがんばって、bodyに対してずっと加えてました。
ありがとうございます。

通報する

お礼日時：2005/07/26 14:12

No.4

回答者： partita
回答日時：2005/07/26 11:59

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;}
としたほうがいいです。

- 0
- 件

通報する

この回答へのお礼

締め切ってしまったのですが、あるおかしな条件で出てしまうようです。
再質問します＞＜

通報する

お礼日時：2005/07/26 14:15

No.3

回答者： koutarou504
回答日時：2005/07/25 16:32

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;}