• ベストアンサー

【Web作成者の方に質問】なぜCSSレイアウトが普及しないのですか?

Web製作会社就職希望の者です。 現在CSSを勉強し、そこそこわかってきました。HTMLから余計なものを排除できますしCSSは多くの装飾を可能にしてくれます。SEO的にみてもtebleレイアウトは時代遅れだということがよくわかりました。しかし実際は大企業のホームページでも、ほとんどがtebleレイアウトで、CSSは文字の装飾等に使われるにとどまっています。なぜCSSレイアウトが普及しないのでしょうか?N4やIE4で崩れるリスクを無視できないからでしょうか?しかしそれをいったらFLASHなども使えませんよね。 プロの方、ぜひ本音を聞かせてください!よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#225081
noname#225081
回答No.3

みなさんがおっしゃるように作り手側としては、Tableレイアウト時代と同じような各ブラウザ対応までCSSレイアウトで作ると大変な手間です。 またCSSレイアウトの作り方がよく分からないWebデザイナーなどもいて、嫌がる・出来ない人が多いと思います。 だからこそSEO対策などを本気で考えるならある程度の環境は切る勇気と先見を持って、クライアントを説得すれば、これまでのサイトとは違った結果が出る事が大いに期待できるはずです。 そこを武器に営業していくことは大事じゃないでしょうかね? 今のSEO対策はコードばかりをきにした構成が多いので、デザインも良くてSEO対策できてれば、すごく魅力的だと思いませんか??

takosuke88
質問者

お礼

そうですか。やっぱCSSレイアウトできない人は多いですか。まあCSSマスターする時間あったらFLASHでもマスターしたいってことでしょうかね? CSSレイアウトはダメ、という指導者はいないですかね。そうなるとマスターした人間はつらいんですけどね~

その他の回答 (2)

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.2

CSSレイアウトを使用するには、テーブルレイアウトと比べて、メリット・デメリットをクライアントに理解してもらう必要がありますね。 結局のところ私自身、SEO対策としてCSSがどの辺りまで効果があるのか疑問に思うところもあります。 レイアウト部分だけを見ても、CSSレイアウトの方が崩れるリスクが高いように思えます。もちろんCSSレイアウトのメリットはあるのですが、クライアントがWEBに乏しい人だと見た目重視の傾向が多いと思われます。

takosuke88
質問者

お礼

そうですか。まだまだ時期尚早なんですかね… ありがとうございました。

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.1

大きな理由はブラウザによってCSSの解釈が違うからだと思います。 ブラウザの使用率が高いIEですらもバージョンによってCSSの解釈が異なります。 WEB製作する側も基本は、「どのブラウザでも」「どのプラットホームでも」全て同じように表示されることを望みますよね。確かにCSSでも手間さえかければ多くのブラウザに対応させることはできるのですが、コストや時間的な部分を考慮するとテーブルレイアウトの方が無難な道と判断するのではないでしょうか? FLASHも同様だと言われていますが、FLASHはプラグインであり、およそ90%ほどがカバーされていると言われる今日です。非対応の場合でもインストールをすることで対応可能となりますし、最近では「HTMLバージョン」も用意されていることが多いです。 普通にCSSもテーブルレイアウトも知らない一般ユーザから見れば、正しく表示されるならどちらでもかまわないっていうのが本音でしょう。

takosuke88
質問者

お礼

そうですか。手間が理由だったんですか。 しかしクライアントにプレゼンする時、いい差別化になると思うんですけどね… 実際製作会社を回ってみて、けっこう皆さんSEOの意識が低いなあと感じました。それも原因ではないでしょうかね… ありがとうございました。

関連するQ&A

  • CSSでレイアウト

    3つのブロック要素div1,div2,div3があった場合に添付のような レイアウトにするにはどうすればよいでしょうか? div2,div3をさらにレイアウト用のdiv4でグループ化してしまえばできますが、 今後もできるだけHTMLをいじることなくCSSだけで自由にレイアウト変更をできるように なっておきたいと思っています。 できれば座標指定はしたくないのでPositionのStaticは使わないほうが嬉しいです。 全部Staticにする方法はわかっておりますので全箇所Staticではなく、 「全部相対postionではなく1か所だけStaticを使う」などが効率的だ、というのであれば そちらのやり方でも教えていただけると助かります。 特定の環境での実行を意図していませんが必要な場合はIE8以降、などイマドキな環境 での利用しやすいものがより助かります。HTML/CSSのバージョンはそれに応じる形で 特に指定はございません。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ブラウザによってCSSレイアウトが崩れる

    個人でサイトを運営しています。ビルダー等のソフトを使わず、HTMLタグ打ちで作っています(独学です)。テーブルでページをレイアウトするのは好ましくないと言われているので、最近になってCSSでレイアウトするようになりました。 普段ブラウザはIE6を使用していて、一つ一つレイアウトを確認しながら作り上げたのです。しかし、Fxを導入して確認してみると、レイアウトが無茶苦茶に崩れてしまいました。両方で崩れないように調整できたと思ったんですが、次にIE7を導入して確認すると、また大きく崩れるようになってしまいました。これは単に自分のミスなのか(widthやheight、margin、paddingなどで間違いがある)、それともブラウザによって微妙なズレが生じるのは仕方のないことなのか、よくわかりません。どなたかご教授お願いします。

  • CSSレイアウトによる環境別不具合

    最近やっと完全スタイルシートによるコーディングの勉強を初めました そこで早速環境別のバグの壁にぶち当たってしまいました>< 内容は「flortさせた子要素の親ボックスの背景色(背景画像)が表示されない事です。」 過去ログを色々探ってみたのですが色々な方法があり「CSS clearfixハッ ク」を使用した例や<div style="clear:both;"></div>を使用した例があり試してみたのですがどれも納得のいく解決方法ではありませんでした。 私的な希望としては -------------------------------------------------- Win→IE/Fire Fox/NN/Opera/Safari/バージョンは 最新のものから1つ前位まで問題なく表示 Mac→IE/Fire Fox/Safari/バージョンは最新のものから 1つ前位まで問題なく表示 ドリームウィーバー上でのプレビューでもレイアウト崩れしない ジャバスクリプトやCSSハックを使ってのCSSの振り分けは極力避けたい -------------------------------------------------- 以上の条件をクリアーできるような解決方法を探しています。 どなたかアドバイスをいただけると助かります。 下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。 余談ですがこの手のバグで一般的に一番ベストな解決方法はどんな方法なのでしょうか?? ■HTML http://sangoclip.web.fc2.com/test/ ■CSS(レイアウト用) http://sangoclip.web.fc2.com/test/shared/css/default.css ■CSS(デフォルトCSSクリアー用) http://sangoclip.web.fc2.com/test/shared/css/reset.css

    • ベストアンサー
    • CSS
  • [http://lxr.mozilla.org/mozilla/source/layout/style/html.css]のファイルを得るには

    UAごとのHTML,CSSのデフォルトスタイルシートの違いが知りたいと思って検索していたところ Firefoxのデフォルトスタイルシートは http://lxr.mozilla.org/mozilla/source/layout/style/html.css にあるらしいことが判明しました...が、これ、普通に見ると行番号のついた拡張子CSSのHTMLですよね。(行番号のない)CSS本体を入手するにはどうしたらいいのでしょうか? #IE6,IE 7 beta2,Operaのデフォルトスタイルシートのありかについても知ってたら教えていただけるとありがたいです

    • ベストアンサー
    • CSS
  • SEO対策とブラウザ環境

    すみません。いつもわからず困っているのですが、ホームページのSEO対策とブラウザ環境についてです。SEO対策を意識するのならば、テーブルではなくCSSで製作するべきだとよく、聞くのですが、CSSでホームページを作成すると、ブラウザを選んでしまうとおもうのです。みなさんは、IE意外のブラウザ、Firefox,Safariでも見れるようにするとき、皆さんはテーブルでレイアウトしていますか?お教えください。

  • やっぱりCSS

    開発しています。 某サイトでHTMLのテーブルでレイアウトするのではなく、CSSで組むと書いてありました。ムーバブルタイプもテーブルはなかったです。 テーブルは2行のときに便利なので使いたくなりますが、やっぱりCSSを使っていこうと思います。 CSSを使うメリットは構造がはっきりするためでしょうか?たしかに外部ファイルで一元管理できるのも大きいですね。SEOも関係すると思います。 便利なテーブルを一斉排除する決定的な理由を教えてください

    • ベストアンサー
    • HTML
  • CSSに関するいくつかの質問

    そろそろホームページにCSSを導入しようと考えているのですが、それに関していくつか質問があります。 1.CSSには、埋め込み方式と、外部ファイル方式があるとのことですが、一般的には多くのページに共通する大まかなデザインを外部ファイルで作って個別の細かい部分は埋め込みで補うのか、あるいはすべて外部、すべて埋め込みといったように完全に分けるべきなのかという点。 2.文字に色を付けたり、太さを変えるようなことであればCSSに頼らずともできると思いますが、今後はスタイルシートでできるものはすべてCSSに任せていったほうがよいのか、あるいは古いブラウザに配慮をして、レイアウトが崩れない程度にCSSを使うべきなのかという点。 3.外部CSSの場合で、clear属性を使ってfloatの回り込みを解除するとき、HTMLに「<P CLASS="clr"></P>」というダミーを作り、CSSに「.clr{clear:left}」と解除するのは間違いでしょうか? 左に写真を配置し、右に回り込みで解説文を書くレイアウトで、その下にも同様に写真と解説文が連続するため、解除しないと上の解説文の真下に写真が入ってきてしまいます。 写真|解説文 <P CLASS="clr"></P> 写真|解説文 以上の3つの点について知りたいと思っています。 知識不足で的外れな質問をしているかもしれませんが、ご助力よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssでのナビゲーションのレイアウトについて

    ナビゲーション用のロゴとメニュー用ボタンをflashで作り、cssでレイアウトを試みているのですが、希望の通りにできません。 希望のレイアウトは、 ※ヘッダー(サイズ:760×59.8PX)の左端にロゴマーク(126×59.8PX)、その右側にメニュー用のボタンを配置。 ※メニューボタンは全部で3つあり、A(サイズ:80×36PX)、B(75×34.2PX)、C(75×36.3PX)で、ロゴの右側になるべく等間隔で配置したい。 というものです。 これまでに試したのは、 1、<header>内に、ロゴとメニューのボタンを全てリスト化して配置し、一つずつmarginのサイズ調整。結果、IEではヘッダーのサイズが上下に広がり、ロゴの下側にメニューが3つ並びます。 FireFoxでは、ヘッダーのサイズは指定のままですが、メニューがヘッダーの下側に並んでしまいます。 2、次に、ロゴとメニューを左右にfloatで振り分けようとしたところ、IEでは全てのボタンがヘッダー内の左上に固まってしまい、FFでは、メニューボタンが本文にかぶさってしまいました。 長い質問になってしまって申し訳ありませんが、改善点をご指摘いただけないでしょうか?よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • IEだけ外部CSSを読み込まない

    こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン(少なくとも8~11)もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか? モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。

    • 締切済み
    • CSS
  • HP作成で、XHTML 1.0と、HTML 4.01の、どちらの方が?

    素人質問でごめんなさい。 こちらの教えてgooの質問内容を、いろいろと読んだのですが、 どうしても内容が専門的で難しく、 ドキュメント宣言が、もひとつ理解できません。 恥をしのんで・・・。簡単に言って、 ■今のHP作成業や、WEBデザイナーは、 XHTML 1.0と、HTML 4.01では、どちらで作成される方が多いですか? (主に企業の会社案内系のHPの場合) ■CSSレイアウトと、テーブルレイアウトでは、 XHTML 1.0と、HTML 4.01のどちらが良いかは関係ありますか? ■今現在の、ブラウザはWindowsの、IE6が主流ですよね?(ひょっとしてもうIE7かな?) IE6を対照とした場合は、やはりHTML 4.01で作るのが一番いいのでしょうか? 将来的に考えて、これからは、XHTML 1.0で作った方が良いのでしょうか? よろしくお願いします。