ホームページビルダー8 スクロール

質問

ホームページビルダー8　スクロール

　下記のホームページでは、一覧内容がスクロールされて表示されます。

　これをスクロールされないで一つの長いページで表示させるのには、どのようにすればよいのでしょうか?

　ホームページ作成編集には、ホームページビルダー8を使用しています。多少バージョンが変わっていてもかまいません。
　ホームページビルダーでの操作では、どのようにすれば、解決するのでしょうか?

　あるいは、ホームページビルダー8で無くとも、htmlのソースをどのように変更すれば解決できるのでしょうか?

　たとえ一つだけでもお知りの方がありましたら、よろしく教授方お願いします。

http://www.biwa.ne.jp/~drsy/reins/20140421

敬具

回答No.1

Kaneyan-R · ベストアンサー

スクロールしているのはDIVの中身なので、CSSでそのDIVに指定している「overflow」を無くすか、コメントアウトして機能しないようにすれば良いです。

リンク先のソースで言えば、

#contentsBody {
padding-top:10px;
position: relative;
overflow: auto;　　←この行をを無くすか、コメントアウト
z-index: 0;
width:100%;
・
・
・

それと、ブラウザがIE8以降なら、ページを表示した状態でキーボードの[F12]を押すと、「開発者ツール」を起動出来ます。
開発者ツールを使うと、ページを表示したまま、CSSの各設定を変更（ON/OFF）してどう表示が変化するかを確認する事ができます。
ページに埋め込まれたJavaScriptのデバッグツールとしても使えるので、使い方を覚えておくと便利ですよ。
※開発者ツール自体にはソースの編集機能はありません。

お礼

Kaneyan-Rさん、そして、皆さん、こんにちは、いつも回答ありがとうございます。

　CSS
　DIV
　CSSの中の細かい指定の方法

のことをはじめて知りました。機能をホームページで、確認しました。知らないことが多くとても勉強になりました。昔、
HTML
　のことは、勉強しましたが、CSSのことは、知りませんでした。今後、本を購入するなどして、少しづつでも、勉強して行きたい。

　開発ツールのことは、こちらでも、追試してみました。表示していただいた画面がでます。ON/OFFの設定の仕方とこの表示上の効果については、うまく、行うことができませんでした。

　ただ、感じるのは、これをホームページビルダーでCSSのことを何か指定できないのだろうかと言うことです。

　ご教授方よろしくお願いします。

　敬具

回答No.2

Kaneyan-R

＞ON/OFFの設定の仕方とこの表示上の効果については、うまく、行うことができませんでした。

各スタイルの左にあるチェックボックスのチェックを外すと、そのスタイルが適応されない状態での表示にブラウザの表示が切り替わります。

画像が縮小されるので見にくいですが、添付画像の上がoverflowのチェックが付いた状態。下がチェックを外した状態です。

上の画像ではブラウザの右にあるDIVにスクロールバーが出ていますが、下の画像では無くなっているのが分かると思います。
また、ブラウザのウインドウ自体のスクロールバーが、下は短くなっている＝ページが長くなっている事が分かります。

このようにソースをいちいち弄らなくても、開発者ツールを使えばどう変わるかが確認できます。

＞ただ、感じるのは、これをホームページビルダーでCSSのことを何か指定できないのだろうかと言うことです。

V8とかなり昔のバージョンなので、CSSについてはお世辞にも使いやすいとは言えません。

と言う私はV6を使ってますが（笑）
私の場合、もっぱらテキストエディタ（NOTEPAD++とメモ帳）を使っているので、HPBは一番初めにレイアウトを決めるときや表組みを一気に作りたいときくらいしか使わず、V6でも何の問題がないのです。

それにHPBだと補完機能が働いて、いらぬタグやプロパティ付け足すので、HTMLに慣れている人ほど使いたくないと思いますよ。

お礼

レスありがとうございます。
　ホームページビルダーとソースの両方が必要と分かりました。
　ありがとうございます。
　敬具