![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
レイアウトについての質問です。
最近テーブルでレイアウトではなく、スタイルシートですべてレイアウトしているサイトをよくみかけます。自分もすべてスタイルシートで作成したページを作成してみたんですが、プラウザごとに微妙にレイアウトがずれてしまします。
そこでWEBデザイナーの方に質問ですが、現在の主流はまだテーブル+スタイルシートなのでしょうか。また、アクセシビリティなどの観点からみてスタイルシートのみで作成したほうがいいかなと思いますが、レイアウトがずれないように作業をするコツがありましたらを教えてください。
No.1ベストアンサー
- 回答日時:
最先端としては、「スタイルシートでデザイン」が流れですね。
まだまだ多くのサイトがテーブルレイアウト時代のものですが、大手企業や最近のサイトはスタイルシートでデザインされたものが多いと思います。
でも決してテーブルを使わないわけではないですよ。表組みなどはテーブル使ってますし、サブ的にテーブルレイアウトしているところもあるでしょう。
あとブラウザ別で表示が異なるのは、できるだけ表示の異ならないタグを駆使してレイアウトするか、CSSをブラウザ別に分けて読み込ませることで対応できますよ。
やはりスタイルシートデザインが最先端なんですね~~それにテーブルレイアウトというのが加わったものが多いみたいですけど。もちろん表などはテーブルのほうがいいですよね!
大手企業のいくつかみつけてみましたが、非常にわかりやすいソースで、いつも参考にさせてもらってます。
プラウザ別のスタイルシート、なんだか大変そうな感じもしますがやる価値はありそうですね。ありがとうございます!
No.3
- 回答日時:
スタイルシートが主流ではないでしょうか。
ブラウザごとの表示を考えると、テーブルの方がずれが少ないと思いますが、
テーブルは、あくまで表を作る為ですので、レイアウトに利用するのは控えた方がいいです。
どのブラウザにも対応しているスタイルシートを選んで使っていくしかないですねぇ。。
それか、アクセス解析をとって、少ない数のブラウザは無視するか・・・ですね。
こちらはスタイルシートが主流なんですか。。。やはり会社によっても違うんでしょうかね。初期の頃はテーブルで色々あそんでましたが、はっきりいって見づらくなりすぎるのでおおまかなところくらいにしか最近はつかってませんね。
プラウザに依存しないサイトはやはり難しいみたいですね。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 家具・インテリア 部屋のレイアウトに関する質問です。 3月からこのような間取りの部屋に引っ越す予定です。 この部屋の洋 1 2023/02/19 19:08
- 年賀状作成・はがき作成 ハガキ作成のこと Wordにレイアウトがなければ、どこを見て作成したらいいですか。 自分は、2003 1 2023/04/16 16:41
- Access(アクセス) マイクロソフト アクセス2021のフォームビュー作成でレイアウトを帳票形式から単票形式にあとから変更 1 2023/03/03 10:56
- 魚類 アクアリウムについて質問です。 現在、排水パイプと吸水パイプの位置で悩んでいます。 画像は45cm規 3 2023/08/21 18:28
- Word(ワード) 大学1年生です まだレポート提出は先ですが レイアウトと構成だけ作っておこうと思うのですが word 2 2023/04/16 18:27
- Firefox(ファイヤーフォックス) Firefoxでグーグルの検索画面が変です 2 2022/09/20 19:25
- Word(ワード) ワードの表、別文書からコピペすると、レイアウトが崩れる 3 2022/04/17 14:59
- 写真・ビデオ アルバム・フォトブック作成について。 1000枚以上の写真をアルバムやフォトブックにまとめたいです。 1 2022/10/06 19:19
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- インテリアコーディネーター 一人暮らし(1DK)のレイアウトで悩んでいます。 2階建てアパートの2階角部屋です。 配置したいもの 1 2023/07/08 06:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
CSSで文字を一番下の中央に表示...
-
DWで、デザインビューに表示さ...
-
テーブルの位置を細かく指定し...
-
更新するとずれる?
-
画像の横にテーブルを。。。
-
テーブルとテーブルの間隔について
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
TRタグの余白をcssで設定するには
-
<th>タグを使っても太字にしな...
-
cssで、表示されるテキストによ...
-
テーブルの行を折りたたみたい...
-
テーブルの一部分のセルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報