スクロールバーが表示されない。。

質問

枠つきのスクロールバーをもらい
ブログにつけようとしましたが、
なぜか枠だけでスクロールバーだけが表示されません。。

原因はなんでしょうか？

改善の方法はありますか？
下のタグです
<div style="width:337;height:200;overflow:auto;
scrollbar-3dlight-color:#ff00ff;
scrollbar-arrow-color:#ff00ff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ff00ff;
scrollbar-track-color:#ffffff;
">
<Table border="1" width="320" height="300" cellspacing="0" bordercolor="#004a95">
<Tr><Td height="30" bgcolor="#004a95" align="left">
<font size="3" color="#ffffff" face="ＭＳ ゴシック">
タイトル部分</font>
</Td></Tr>
<Tr><Td bgcolor="#ffffff" align="center" valign="top">
内容部分
</Td></Tr>
</Table></div>

回答No.5

haru_run · ベストアンサー

すいません。px入れるの忘れてました。(後から修正が出来ないのは不便ですね)

<Table border="1" width="320" height="300" cellspacing="0" bordercolor="#004a95">
<Tr><Td height="30" bgcolor="#004a95" align="left">
<font size="3" color="#ffffff" face="ＭＳ ゴシック">
タイトル部分</font>
</Td></Tr>
<Tr><Td bgcolor="#ffffff" align="center" valign="top">
<div style="width:337px;height:200px;overflow:auto;
scrollbar-3dlight-color:#ff00ff;
scrollbar-arrow-color:#ff00ff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ff00ff;
scrollbar-track-color:#ffffff;">
内容部分
</div>
</Td></Tr>
</Table>

回答No.4

haru_run

念のため、上のタグを位置だけ修正したものを書いておきます。

<Table border="1" width="320" height="300" cellspacing="0" bordercolor="#004a95">
<Tr><Td height="30" bgcolor="#004a95" align="left">
<font size="3" color="#ffffff" face="ＭＳ ゴシック">
タイトル部分</font>
</Td></Tr>
<Tr><Td bgcolor="#ffffff" align="center" valign="top">
<div style="width:337;height:200;overflow:auto;
scrollbar-3dlight-color:#ff00ff;
scrollbar-arrow-color:#ff00ff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ff00ff;
scrollbar-track-color:#ffffff;">
内容部分
</div>
</Td></Tr>
</Table>

お礼

ありがとうございます。大変助かりました＾－＾
これで安心できます。感謝してます♪

回答No.3

haru_run

上記のタグではなく、アップしているページのタグを修正しましたので

<Tr><Td height="30" bgcolor="#004a95" align="left">
<font size="3" color="#ffffff" face="ＭＳ ゴシック">
タイトル部分</font>
</Td></Tr>

が抜けてます。
あとは、
<Table border="0" width="340" height="200" cellspacing="0" bgcolor="#bfdfff">
のwidthの数値を下のwidthに合わせてます。

<div style="border:thick dashed #bfdfff; width:335px; height:200px; ・・・

ここはwidthとheightの数値の後にpxを追加　IEはなくても大丈夫なんですが、Operaはpxがないとスクロールバーが出てこないので。
（ブラウザによって同じタグでも見え方が変わってきます）
width:335pxはwidth:337pxでもあまり変わらないのでどちらでもどうぞ。
border:thick dashed #bfdfff;はアップしているページに入ってたのでそのまま入れてます。
必要なければ削除してもいいです。

回答No.2

haru_run

IE6 SP3ではスクロールバー出てますが、Opera9.61で見ると出てませんね。
しかもOpera9.61では、枠の表示がおかしくなってます。
ソースよく見ましたら<div style="width:337～scrollbar-track-color:#ffffff;">の入れる位置がまずいです。
<Tr><Td bgcolor="#ffffff" align="center" valign="top">の後に移動させて下のようにしてください。

<Table border="0" width="340" height="200" cellspacing="0" bgcolor="#bfdfff">
<Tr><Td align="center" valign="top"><div style="border:thick dashed #bfdfff; width:335px; height:200px; overflow:auto; scrollbar-3dlight-color:#ff00ff; scrollbar-arrow-color:#ff00ff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ff00ff; scrollbar-track-color:#ffffff;">
<p><font color="#0080ff" face="ＭＳ ゴシック">内容部分</font></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div></Td></Tr>
</Table>

これでIE、Operaともスクロールバー出てきます。
スクロールバーが表示されることが確認できましたら<p>&nbsp;</p>は削除してください。

お礼

回答ありがとうございます。

無事にできました。助かりました。ありがとうございます♪

<div style="width:337～scrollbar-track-color:#ffffff;">の部分は少し位置と入力文字も変わってるようですし、
他の段の部分も変わったようにおもうんですけど、
どこを変えたか教えてもらえますか？すいません。。

回答No.1

haru_run

<div style="width:337;height:200;overflow:auto;
overflowが入っていますので、内容部分の高さが200px以上にならないとスクロールバーが出てきません。
試しにテーブル内の内容部分に連続して改行してみてください。
200pxを越したところでスクロールバーが出てきますので。

お礼

回答ありがとうございます。

やってみたんですけど、どうしてもでません、。。
かなり高さもあるとおもうんですけど。。

一度みてくれますか？
ttp://yasu2424.seesaa.net/

タイトルって書いてるブルーの枠のがそれです