CSS段組1：スタイルシートだけで段組を作る方法 - [ホームページ作成] All AboutCSSのfloatとclearで簡単に段組レイアウトを作る方法CSSで段組レイアウトを作る簡単な方法を解説。各段をdiv要素などのボックスで作るだけのシンプルなHTMLに、CSSのfloatとclearプロパティを適用するだけで段組レイアウトが作れます。HTMLとCSSをどう書けば段組になるのかの基本から、2段組や3段組の作り方、回り込み解除の便利な書き方(clearfix)まで、図とサンプルソースを使って説明しています。
![CSS段組1：スタイルシートだけで段組を作る方法 - [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/31482c59a0532bdfd65d75838f05b81f8275ed0e/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F3%2F6%2F201711261232%2Ftopimg_original.png)
世間はまだまだテーブル・レイアウトが主流? | スラド
kirara(397)曰く、"東京webデザイナー日記で、日経平均銘柄225社サイトの脱テーブル率調査という興味深い報告が掲載されている。同報告では日経平均銘柄225社の全サイトのトップページを調査してあり、レイアウトがCSSかテーブルか、文書型宣言は何か、などが一覧できる。 また、調査結果がグラフにまとめられたレポートがPDFでダウンロードできる。 これは5月18日、銀座で開催されたイベント「CSS Nite」にて発表された資料との事。 PDFを読んでみると、なかなか衝撃的な結果が報告されている。225サイトの調査結果は以下の通り。 「100% pure CSS」なのは28社(12.4%) -->この内「XHTML+CSS」なのは15社(6.6%) 「CSS/テーブル混在（ハイブリッド）」なのは32社(14.2%) 「テーブルのみ」なのは155社(68.9%) 非CSSのうち「100%
tableレイアウトでのSEO＆アクセシビリティ対策 : INTERNET SHOP MASTER COURSE EXTRA
例えば下記のようなページ。 最近インターネットショップ以外ではあまり見ないレイアウトですが、インターネットショップのようにメニュー項目が多い場合はよく見られるレイアウトです（tableの構造をわかりやすくするため、枠線を入れています）。共通のメニュー、業界的に言えばいわゆるグローバルナビゲーションが左に並ぶようなレイアウトですね。 こういうレイアウトの場合、検索エンジンはキーワードなどが盛り込まれたコンテンツ部分よりも先に、ずらずらと並ぶグローバルナビゲーションを先に読みます。もちろん、視覚障害の方々が使う音声ブラウザなどでも同様です。 今回紹介するのは、 「tableタグを使ったレイアウトでグローバルナビゲーションは左に置きたい」 「でも、コンテンツ部分を先に読ませたい」 というちょっとした小技です。 もちろん、CSSを使えば比較的簡単に実現できることですが（横に並べるだけなら簡単ですが
悪いのはCSSでもテーブルレイアウトでもなく:CSSを使いこなす
結局見積するのも、デザインするのも、進捗管理をするのも、サイトを更新するのも「人」ですから。 CSSによるデザインはそんなにコストがかかるのか？ 以下、引用ばかりになるが、つい先日「半CSS半テーブル」でやっつけ仕事にしてしまった私にとっても、ちと頭の痛い話だ。 サイト全体にわたるレイアウトやデザインを変更する場合に、table をわざわざ組みなおすような無駄なことをやっていたりして、table レイアウトでは手間がかからないというのがホントなのかと疑問に思ったりする。 僕が思うに、クライアントがどうこうっていう話じゃなくて、製作現場の都合じゃないのかと。 なのに、CSS の全面採用でコストがかかるというのは、結局製作現場が CSS を理解してなくて、従来の table レイアウトに固執しているだけなんじゃないのかという気がしてしかたないんですけどね。 ヒトミンさんが言うテーブルレイアウト
鳩丸ご意見番 - TABLE でレイアウト調整は？
TABLE でレイアウトは TABLE はレイアウトの道具か よく、レイアウトを整える目的で TABLE を使う人がいます。酷い場合にはテクニックと称して、自慢げに紹介したりしてします（「本当は良くないけれど」と断って紹介している人はまだ良心的と言えます）。 彼らは、それが間違いであることは認識しているのかも知れません。しかし、迷惑であることを理解している人がどれだけいるでしょうか。 テーブルでレイアウトをしようなどと考えてしまうのは、以下のようなことを知らないからでしょう。 HTML の利点は環境に依存しないことである。 TABLE に対応していないブラウザが存在する。 TABLE に対応する多くのブラウザは TABLE を逐次表示できない。 border=0 としても枠線が消えるとは限らない。 TABLE は特殊な方法で読み上げられる。 HTML の利点は環境に依存しないこと HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
