css float

Dr_Radialist — Fri, 09 Dec 2011 09:16:32 +0000

SEO (Search Engine Optimization)とはWEBの検索ロボットがそのHome PageなりBlogなりを見つけ易くすると共に、検索ランキングを向上させるための、テクニックの総称です。
このSEOの中でも一番重要なのが、HTMLで書かれたページには、DOM (Document Object Model)に則って文章論理構造のみを記載し、見かけは、CSSに書き、しかも別ファイルにする、ということです。このようにすると、検索エンジンは、HTMLのタグを容易に認識し、その中からKey Wordを抽出し易くなり、検索ランキングが向上するのです。まあ、ここらは聞いた話なので、真相は不明です。
このDOMの中で重要なのが

タグです。以前は

タグを用いて段組みを実現するのが主流だったのですが、表として用いる場合は良いのですが、ブロックを横に並べたりする場合には、本来論理構造を表すべき

タグを用いて見てくれを制御する、という奇妙なことになってしまいます。
そこで、現在は

を用いて、そこにCSSを適用します。具体的には例えば

ここはdiv1です

これはdiv2です

[/htnl]
というHTML文を書き、div1とdiv2が横並びするようにするためには、

#div1 {
  float:left;
  width: 49%;
  background-color: red;
}
#div2 {
  float:left;
  width: 49%;
  background-color:green;
}

というふうにするのです。ところが、ここに落とし穴があります。よくよく色々な解説ページを検索したところ、横並びブロックのCSSでの幅指定合計が100%になってはいけない、らしいのです。
実は、最初

#main_panel {
  width: 1000px;
}
#div1 {
  float:left;
  width:500px;
  background-color:red;
}
#div2 {
  float:left;
  width:500px;
  background-color:green;
}

という風に幅指定を絶対値指定いてみたところ、全く横並びにならないのです。それで、検索したところ、100%にしてはならず、98%以下にしなさい、という記述を見つけたのです。
それで、その通りにしたところ、見事に横並びになりました。
しかし、試しに

#main_panel {
  width: 1000px;
}
#div1 {
  float:left;
  width:50%;
  background-color:red;
}
#div2 {
  float:left;
  width:50%;
  background-color:green;
}

としたところ、今度はきちんと横並びになりました。やはり、最近のブラウザでは、改善しているようです。それでも、子のブロックに関しては、%による相対幅表示にせねばならないようです。
あー　随分と勉強しました。

==　と ===

Dr_Radialist — Tue, 30 Aug 2011 07:28:39 +0000

それにしても時間ばかりが経つ

7855

すばらしい

Dr_Radialist — Wed, 24 Aug 2011 23:50:56 +0000

昨日コーナンに行き、電子体重計を探しましたそして、思い描いていたものを見つけました。なんと、厚さ 13mmであり、過去の記録も内蔵され、体重のみか、水分量、筋肉量、内臓脂肪量なども自動測定されます。早速購入 15,5 … 続きを読む →

停滞

Dr_Radialist — Tue, 23 Aug 2011 22:13:44 +0000

本日は天気のように停滞しています　何となく冴えない日々が続きます

790

本日のPCI

Dr_Radialist — Tue, 23 Aug 2011 11:58:23 +0000

本日のPCIはがんばりました。途中でめげそうになりましたが、気持ちを強く持ちました。

790

雨の中の出勤

Dr_Radialist — Sun, 21 Aug 2011 22:20:20 +0000

今朝は朝から鎌倉地方は大雨警報　それでも小雨となった6:50AMに自転車で出勤しました。もちろん濡れましたが、肌寒く気持ち良い出勤でした。

795

本日

Dr_Radialist — Sat, 20 Aug 2011 22:14:07 +0000

本日はこれから台北松山空港から羽田便に乗り、11:30AMには羽田に着く予定です。

800

これから準備

Dr_Radialist — Fri, 19 Aug 2011 20:46:54 +0000

これからプレゼンの準備です。今まで作っているものの改変ですので、それほどには時間がかからないでしょう。昨夜は2時間おきに目が覚めてしまいましたが、まあ合計としては十分な睡眠時間でしょう。

ちょうど光藤先生が現在台北に入られ、PCIをされているそうです。僕も本日頑張らなければいけないですね。

805

これから台湾

Dr_Radialist — Fri, 19 Aug 2011 02:00:47 +0000

これから台湾の高雄に飛びます。羽田便で台北に入り、新幹線で高尾でする明日 ChanGuang Memorial Hospital Kaoshiung (高雄長庚記念病院)において、ライブがあり、外国人として唯一の術者で入ります。この病院は、ベッド数5,000床の、世界有数のレベルの病院です。日本人の留学生も多くいる、と聞いています。

僕が訪れるのはもう10回目ぐらいでしょうか。呉先生とは長年の友人です。

久しぶり

Dr_Radialist — Thu, 18 Aug 2011 07:07:52 +0000

久しぶりに投稿です。

NPO International TRI Network (Dr_Radialistのブログ)