人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

現在は、ホームページにて
フレームを使用してサイト構成していますが

スタイルシートを使用して
フレームの無い状態で表示させたいと思っています。

判りやすく説明されている
サイトをご存知の方教えていただけませんか?

●質問者: wanwan35
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:サイト スタイルシート フレーム ホームページ 現在
○ 状態 :キャンセル
└ 回答数 : 5/5件

▽最新の回答へ

1 ● kazu1107

divなどのblock要素を疑似フレームに見せかけるということですか?


この認識で正しいのならoverflow関連の情報が役に立つかと思います。

http://www.htmq.com/style/overflow.shtml


2 ● kaiton

かぶっているかもしれませんが..(その場合、ポイントは無しでも結構です)

はてなの人は、ここをよくブックマークしているみたいです。

http://phpspot.org/blog/archives/2006/09/css_9.html

でも、説明文は少ないので

http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/

http://desperadoes.biz/style/p_frame.php

で説明があります。

違いを見て、理解したい場合は、

http://www.stylesheet-stylebook.com/archives/cssaaaaaa9.php

の「フレームなレイアウト」や

http://www.stylesheet-stylebook.com/?cat=3

のリンク先にあるサイトを参考に解析するというのも、私がした方法です。


3 ● HONMA9691

http://www.tohoho-web.com/css/basic.htm

とほほのスタイルシート入門(基礎知識)

http://tancro.stp-1.com/

スタイルシートの裏の裏

http://www.openspc2.org/reibun/css/

スタイルシート例文辞典


4 ● daiyokozuna

http://www.htmq.com/style/index.shtml

スタイルシートリファレンス(目的別)


http://www.stylish-style.com/csstec/csstec-top.html

スタイルシートテクニック/CSS tips


どうぞ


5 ● TomCat

つまり、CSSを用いて「段組」をしたい、ということですね。

CSS で段組レイアウトをするには float か position を使うのが一般的です。こちらでは、float を使った実例を説明しています。

http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/

こちらはfloat と position の双方の使い方を、少し古いブラウザでの表示に関することも含めて説明しています。

http://www.fromdfj.net/html/column.html

CSSで段組する場合。サイドバーとページ本体のサイズなどの関係で、せっかくのレイアウトが崩れてしまう場合があります。その点を、こちらのページが実例をあげながら説明してくれています。

http://desperadoes.biz/style/dan/

だいたいこのへんを読んで理解できれば、たいていのレイアウトに対応できる知識が付くと思います。さらに色々な説明を読んでみたければ、「CSS 段組」といったキーワードで検索してみるといいでしょう。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ