- ベストアンサー
下に表示されるスクロールバーの消し方を教えてください。
下記のようにtitle（上）、menu（右）、main（左）と、３つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main（右）のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか？ 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
横レス失礼。 まず、CSSのプロパティに「style」は存在しないので 変化しないのはこれが原因。 それから一応お約束として、<style>～</style>は<head></head>間に。 body要素は開始/終了タグ省略可ですが、書くように推奨されてますよ。 (body要素もれっきとしたブロック要素ですからね？ ^^;) それから蛇足ですが、 http://oshiete1.goo.ne.jp/qa3976090.html ↑締め切ってから再質問しましょう。
その他の回答 (1)
- idhokanohi
- ベストアンサー率45% (9/20)
cont.htmlかな？ の<body> <body style="overflow-x:hidden;"> これでどうでしょうか？ かなり手抜きな感じですが、試してみてください。
お礼
下記のように入れてみましたが、 変化がないようです（＞＜;） タグ記述に誤りがあれば教えてください。 なお、初歩的な質問ですが、 下記の場合</body>タグは</html>の前に必要でしょうか？ 現在は入れていません。 <style type="text/css"> <!-- body { margin-left: 2em; margin-right: 2em; style: overflow-x:hidden; color: black; background: #FFFFFF; } a:link { color: blue; } a:visited { color: purple; } h1 { font: bold 1.5em Verdana; } a img { filter: Alpha(Opacity=100); -moz-opacity: 1.5; border-style: none; } a:hover img { filter: Alpha(Opacity=50); -moz-opacity: 0.5; } --> </style> mainのフレームを<body></body>の中身だけにするとスクロールは 表示されないのですが、そういった方法は良くないのでしょうか？ もしご存知でしたらご指導ください。 よろしくお願いします。