• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:スクロールバーが表示されない。。)

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

このQ&Aのポイント
  • ブログやウェブページにスクロールバーを追加しようとした際、枠だけが表示されてスクロールバーが表示されない問題が発生しました。この問題の原因と改善方法について教えてください。
  • スクロールバーが表示されない問題は、スクロールバーのスタイルが正しく設定されていないことが原因です。改善するためには、スクロールバーのスタイルを適切に指定する必要があります。
  • スクロールバーが表示されない問題を解決するためには、CSSを使用してスクロールバーのスタイルを設定することが重要です。適切なCSSスタイルを選択し、要件に合わせて適用してください。

質問者が選んだベストアンサー

  • ベストアンサー
  • haru_run
  • ベストアンサー率68% (55/80)
回答No.5

すいません。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="MS ゴシック"> タイトル部分</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>

すると、全ての回答が全文表示されます。

その他の回答 (4)

  • haru_run
  • ベストアンサー率68% (55/80)
回答No.4

念のため、上のタグを位置だけ修正したものを書いておきます。 <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="MS ゴシック"> タイトル部分</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>

samusamu4545
質問者

お礼

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

すると、全ての回答が全文表示されます。
  • haru_run
  • ベストアンサー率68% (55/80)
回答No.3

上記のタグではなく、アップしているページのタグを修正しましたので <Tr><Td height="30" bgcolor="#004a95" align="left"> <font size="3" color="#ffffff" face="MS ゴシック"> タイトル部分</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;はアップしているページに入ってたのでそのまま入れてます。 必要なければ削除してもいいです。

すると、全ての回答が全文表示されます。
  • haru_run
  • ベストアンサー率68% (55/80)
回答No.2

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="MS ゴシック">内容部分</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>は削除してください。

samusamu4545
質問者

お礼

回答ありがとうございます。 無事にできました。助かりました。ありがとうございます♪ <div style="width:337~scrollbar-track-color:#ffffff;">の部分は少し位置と入力文字も変わってるようですし、 他の段の部分も変わったようにおもうんですけど、 どこを変えたか教えてもらえますか?すいません。。

すると、全ての回答が全文表示されます。
  • haru_run
  • ベストアンサー率68% (55/80)
回答No.1

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

samusamu4545
質問者

お礼

回答ありがとうございます。 やってみたんですけど、どうしてもでません、。。 かなり高さもあるとおもうんですけど。。 一度みてくれますか? ttp://yasu2424.seesaa.net/ タイトルって書いてるブルーの枠のがそれです

すると、全ての回答が全文表示されます。
このQ&Aのポイント
  • WRC-1167GHBK2-SはIPv6に対応しているかどうかについて質問があります。回答をお願いします。
  • 接続方法や発生時期などを含め、WRC-1167GHBK2-SのIPv6対応に関するお困りごとの詳細を教えてください。
  • エレコム株式会社の製品であるWRC-1167GHBK2-Sは、IPv6に対応しているのか気になっています。お手数ですが、ご確認いただけますか?
回答を見る

専門家に質問してみよう