htmlフレームのようにcssで作るには？

質問

現在サイトを作っています。
そこでギャラリーを設けて画像を一覧で載せようと思っています。
左をメニュー画面、右を左メニュー画面から選んだ画像を表示する画面にしたいのですが、
この場合、htmlのframesetを使うのが普通なのでしょうか？
フレームを扱わずにCSSで作れる方法があればと思うのですが・・。
CSSのfloatで右左に分けると左のメニュー画面で画像を選びクリックした時に、右画面だけでなく左も含め、画面全体が画像を表示する画面になってしまいます。これを防いで、右のみに画像を表示させる方法はあるのでしょうか？

左で選んで、右に画像を表示させたいです。
どうするのが一番良いのでしょうか、よろしくお願いします。

回答No.4

noname#140045 · ベストアンサー

No.3です。
こちらこそ、ゴメンなさい。
よく読んでいませんでした。
そのお詫びと言っては何ですが、こんなのはどうでしょう。（下記URL）
これは「jQueryデザイン入門」に載っていたものです。

全然質問とは違いますけどね。

参考URL：

http://editors.ascii.jp/m-kobashigawa/jqsample/chapter03/02/sample3.html

お礼

わわ！これです！これです！
ありがとうございました！

実は最近、CSS Niteのイベントへ行ったときにJQueryについてのお話もあったので興味を持っていました。
本当にありがとうございます！頑張ってつくります！

回答No.3

noname#140045

CSSがまだ無かった頃はframeset全盛でしたが、今ではその当時から更新されていないサイト以外では、まず見ることはできなくなりました。

それに変わるものが「<div>」と「<span>」です。

また、CSSになってからは個々のタグの意味が曖昧になり、何が何でも<div>やその他の特定のタグでやらなければ実現できないものが無くなりました。
チョット違いますが、<table>も<div>で代用できますし。

こう言ってもなかなか理解するのは難しいと思いますので「ソースの表示」などでブログを始め、いろいろなサイトを参考にするといいと思います。
（たとえばこの質問も<div>が、多用されています）
ちなみに、<div>などのタグは、大文字(<DIV>)でなく小文字で書くのが推奨されています。

お礼

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

左で選んで、右に画像を表示させるには
divとspanを使うということでしょうか？
divは箱という感じでヘッダー,ナビ,コンテンツ,フッターなどにpx指定して使っています。spanは改行しない単語というイメージでした。
回答を頂いて色々調べましたが、divとspanで左を選び右に表示させる方法は分かりませんでした。
「左で選んで右に画像を表示させる」ことを具体的に回答したのではなく
html一つでサイトを作る時代からhtml+cssの時代に変わった！ということでしょうか？
私の説明がまどろっこしいせいで全体として何を知りたいのかが上手く言えていませんでした(;-;)flamesetのことを言わずに簡潔に、「左で選んで右画面に画像を表示させたい」といえば良かったと今後悔しています。サイトを作る際にflamesetを使うとflamesetを置いているコードがDWで表示されない＋全体の幅をpx指定しているのでナビのギャラリー部分だけflameset(上左右の３つ)を使うとデザインが崩れてしまう、という点からflamesetを扱わずに「左で選んで右画面に表示させる」にはどうすれば？という意味でした。

回答No.2

nori_007

htmlのフレームと、CSSは別物です。
ですので、htmlでフレーム構造にして、見栄等をCSSで整えれば良いと思います。

ただ、html でフレーム構造は制作側は簡単ですが、利用者にとっては好ましいとは言えません。検索エンジンでもページ単独で検索されてしまいます。今の時代プロが造るサイトでは、html のフレームは利用しません。

少し面倒でも見せたい物を整理して、階層的なサイト構造にしてメニューを配置するのが良いと思います。

再度書きます。htnl のフレーム構造と、CSS を採用することはまったく違う事です。ご確認ください。

お礼

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

htmlのフレーム使用はよくないと聞いていましたが、やっぱり検索で単独表示はちょっと恥ずかしいなと思いました。
それとhtmlのフレーム構造とcssはまったく違うのですね、確認してみます。
これからも少しずつ学んでいきたいと思います。
ありがとうございました。

回答No.1

noname#108428

> htmlのframesetを使うのが普通なのでしょうか？

その作り方は、普通ではあります。
が、それが王道か…と言うと、そういうわけでもありません。

普通か、そうでないかは気にしなくて良いです。

> 右のみに画像を表示させる方法はあるのでしょうか？

当然あります。上記のフレームもそうですし、
テーブルで組んで、Java Scriptでセル内を書き換えることでも可能ですし、
単に<IMG>のSRC属性を書き換える手もあります。

> どうするのが一番良いのでしょうか

何を基準に順位を判定するか、の問題です。
コーディングの手間を抑えることを目的とするのか、
他のページにも流用しやすく、を意図するのか、
クロスプラットフォームを最優先するのか、等。

また、モバイル端末への対応をどうするか、も
重要なファクターと言えます。

お礼

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

私も単にSRCで書き換えようと思ったのですが、
ギャラリーの画像を更新をするたびに過去の画像表示ナビまで画像のぶん毎回書き換えが必要(ナビのボタン更新のやめ)になるのは大変だと感じ、断念しました。cssみたいに使いまわしできればいいのにと何度思ったことか・・orz
デザインを崩さずコーディングの手間を抑えることはとても難しいことなのだと痛感しました。

html+cssのみで作るよりもjavasprictを扱ってみようと思います。ありがとうございました！