テーブル厨、CSS厨へ告ぐ

このエントリーをはてなブックマークに追加
1 ◆tfMw72.iOg
なぜ、テーブルにこだわったり、CSSのみでレイアウトしたりするのか。

俺がやっているのは、配置や大枠だけテーブルで記述し、
中身はCSSで設定するという技である。
 やっぱりこれが一番いいわ。
CSSでやると、IEのwidth,heightバグや、center配置しにくかったりする。
tableのみでやると、いかにも貧素になってしまうのだ。

tableでalignやwidthを設定し、
CSSでboederやpaddingを設定する。

ああ、なんて幸福なんだ。
2Name_Not_Found:2006/04/29(土) 23:08:37 ID:???
その結果、双方のデメリットを併せ持つすばらしいサイトが出来上がりました。
3Name_Not_Found:2006/04/29(土) 23:15:51 ID:???
またネタスレが・・・

TABLEレイアウトは閲覧者に見栄えを強制していることになるな。
まあ>>1がそうしたいならそうすればいいんだけどさ。
4Name_Not_Found:2006/04/29(土) 23:18:33 ID:???
>>1
バカ!W3C厨をファビョらせるようなスレを立てやがって!
>>4-からW3C厨が何かほざいてますな。
5Name_Not_Found:2006/04/29(土) 23:33:53 ID:???
FireWorksがテーブル吐くんだか仕方ない
6Name_Not_Found:2006/04/29(土) 23:35:43 ID:???
てか>>1みたいなのをtable厨というのではないの?
7Name_Not_Found:2006/04/29(土) 23:36:59 ID:???
確かに私はW3C厨です。
テーブルでレイアウトしても別にいいと思うよ。
SEOやアクセシビリティを気にしていないのなら…

ただ複雑に細かく組むのは表示が遅くなるからやめたほうがいい。
いくつかに小分けすればいいと思うよ。
8Name_Not_Found:2006/04/29(土) 23:39:51 ID:???
プロがテーブルとかCSSとか意識してるとは思えない
ツールが勝手に吐き出すだけ
9Name_Not_Found:2006/04/29(土) 23:54:39 ID:???
>>1 それが一番いいかも。。。
これもIEのせいだ!
10Name_Not_Found:2006/04/29(土) 23:57:30 ID:???
最近ネタスレ多いね
11Name_Not_Found:2006/04/30(日) 00:09:24 ID:1GaWAoVW
>>1

人はそれをハイブリッドデザインと言う。
12Name_Not_Found:2006/04/30(日) 00:11:14 ID:???
>>10
まあこの板極端にネタスレ少なかったから、
もう少しあっても大丈夫かなぁと。

実を言うと、

fontタグが非推奨な件
http://pc8.2ch.net/test/read.cgi/hp/1141388856/

を立てたのは俺。
13Name_Not_Found:2006/04/30(日) 00:25:05 ID:???
嘘つくなよ。そのスレ立てたのは俺だよ。
14Name_Not_Found:2006/04/30(日) 00:27:09 ID:???
いや、俺だ!
15Name_Not_Found:2006/04/30(日) 00:45:07 ID:???
三角関係フラグが立ちました。
16Name_Not_Found:2006/04/30(日) 01:10:40 ID:???
いやいや、俺だ。マジで。
17Name_Not_Found:2006/04/30(日) 01:14:09 ID:???
冗談抜きで漏れなんでつが
18Name_Not_Found:2006/04/30(日) 01:16:53 ID:???
俺だ!っていってるだろ! わかんねぇやつらだな
19Name_Not_Found:2006/04/30(日) 01:18:18 ID:???
20Name_Not_Found:2006/04/30(日) 01:38:01 ID:???
逆じゃないの?
大枠はCSSでレイアウトして、個別の、ブロック要素を緻密に配置しないといけないときにTABLE使えばいいと思うけど。
21Name_Not_Found:2006/04/30(日) 02:37:18 ID:???
もう時代はxml+xsl+cssだろ。
22Name_Not_Found:2006/04/30(日) 03:05:45 ID:???
AJAX厨ですか?
23Name_Not_Found:2006/04/30(日) 03:16:52 ID:???
時代はJscriptだよw
24Name_Not_Found:2006/04/30(日) 03:46:36 ID:???
パチは(・∀・)カエレ!!
25Name_Not_Found:2006/04/30(日) 03:47:30 ID:???
24はウンコ
26Name_Not_Found:2006/04/30(日) 04:04:44 ID:???
あとはこれにW3C厨とFLASH厨、テキスト厨、全て画像でいい厨、そしてAJAX厨が来れば完成だ! って何が?
27Name_Not_Found:2006/04/30(日) 07:12:09 ID:???
su-jine厨もヨロピク。
28Name_Not_Found:2006/04/30(日) 13:45:07 ID:???
まとめて黄金厨
29黄金厨:2006/05/01(月) 17:01:31 ID:???
divだとvertical-align:bottomが使えなくて、仕方なく
td.foo{vertical-align:bottom} <td class="foo"> にしたんですが、
どうしたらテーブルを回避してCSSで同じ表示にできますかね?

┌────────┬────────┐
│            │            │
│ ここには.      │            │
│ 絵とか文章が..  │            │
│ 来る.        │            │
│            │            │
│            │ここ下揃えきぼんぬ│
└────────┴────────┘
30黄金厨:2006/05/01(月) 17:03:09 ID:???
CSSのpositionは使わない解決で宜しく
31Name_Not_Found:2006/05/01(月) 19:50:52 ID:???
>>29
tableとCSSのハイブリットしとけ。
32Name_Not_Found:2006/05/01(月) 22:07:38 ID:gtfwYcsX
>>29
バカな事やってないで
DreamWeaver使えば良いと思う
それは無駄に時間がかかって疲れるだけ
俺もそれに気付いてstudio8買うつもり
33Name_Not_Found:2006/05/01(月) 22:38:23 ID:???
>>1-100
全部まとめてアドビPDF
これ最強
34Name_Not_Found:2006/05/01(月) 23:07:03 ID:???
PDF厨キターーーーーー!
35Name_Not_Found:2006/05/01(月) 23:43:35 ID:???
>>33
表示に時間がかかるから却下
36Name_Not_Found:2006/05/02(火) 00:02:25 ID:???
これからはPDFよりMSのMetroだよな
37Name_Not_Found:2006/05/02(火) 00:07:36 ID:???
激レアなxdwなんてどうだ
38FLASHer:2006/05/02(火) 04:08:14 ID:???
>>29

FLASHなら自由にレイアウトできるよ!
自由に動かせるし、鯖と通信もできるよ!
動画も組み込めるよ!
フルFLASHならページ変遷もないよ!
39Name_Not_Found:2006/05/02(火) 05:27:50 ID:???
結局ありがちなネタスレになったね
40Name_Not_Found:2006/05/02(火) 06:48:26 ID:p+qpFlJj
>>38
同意
41Name_Not_Found:2006/05/02(火) 14:41:34 ID:???
1みたいなハイブリッドデザインに挑戦したこともあったけど、
CSS以上にIEのテーブル描画はわけわかめだった。
なんで勝手にセルが広がる?
42Name_Not_Found:2006/05/02(火) 15:33:21 ID:???
セルの描画はUA依存が大きいから、そこは一概に責められるものでもない。
しかし問題は、IEだとtable-layout:fixedの場合、
何故かoverflow:hiddenになってしまうというのが非常に痛かった。
43Name_Not_Found:2006/05/02(火) 18:34:00 ID:V2XvJncb
>>1は、Table+CSS厨
44Name_Not_Found:2006/05/02(火) 21:03:15 ID:???
いや、>>1は「table+CSS厨」じゃなくて神聖厨房、あるいはtable厨房だろ。
「table+CSS厨」ならalignやwidthはCSSで記述する。

「table+CSS厨」は、
netscape ver.4の対応のためやむを得ずcssでなくtableを使うとか、
floatで記述して画面サイズの影響を受けるのが嫌だからtableを仕方なく使うとか、
position:absoluteで記述するとCSS無効な環境での表示が困るからtableを仕方なく使うとか、
>>29みたいにブロック要素でvertical-alignを指定したいからtableを仕方なく使うとか、
そういう香具師だと思うんだがどうよ。
45Name_Not_Found:2006/05/02(火) 21:30:30 ID:???
どうでもいいよ禿げ
46Name_Not_Found:2006/05/03(水) 12:34:18 ID:TamQCc09
47ひみつの検疫さん:2025/01/05(日) 03:08:20 ID:MarkedRes
汚染を除去しました。
48Name_Not_Found:2006/05/04(木) 05:00:24 ID:???
CSSマジむかつく
本来こうなるべきものが
全然破壊されためちゃくちゃレイアウト
俺の日本語も破壊され例アウト
誰か代わりにCSS書いてくれ
めんどくせめんどくせ
俺のGWは神の弱点
49Name_Not_Found:2006/05/04(木) 13:58:07 ID:???
このスレ開いたらノートンが反応した・・・(´∀` ;)w
50Name_Not_Found:2006/05/04(木) 19:17:04 ID:???
>>49
>>47のコードでノートンが誤作動してるんだよ。
51Name_Not_Found:2006/05/10(水) 22:47:41 ID:xvgxTFHs
ハイブリットまんせ
52Name_Not_Found:2006/05/10(水) 23:09:37 ID:???
>>48の腕が悲惨なことだけは解った。
53Name_Not_Found:2006/05/11(木) 09:24:07 ID:???
>>52
立て読みに気付かない馬鹿ハケーンwwwwwwwwww
54Name_Not_Found:2006/05/11(木) 10:44:47 ID:???
とりあえずCSSでレイアウトするだろ
でなんか修正すると
すぐに崩壊するんだよ

IE6のせいでIE7になると直るらしいけど
みんながIE7に移行するわけじゃないし

でもいまだにテーブル?なんていわれたかないし

だからね
もうこの業界から足洗おうと思うんだ

55Name_Not_Found:2006/06/03(土) 02:39:47 ID:DJ4E+MrZ
IEは一番CSSに素直に反応してくれる。
ネスケとFireFoxは表示の仕方が似ている(めちゃめちゃ崩れ易い)。

CSSだけで作るの流行ってるけどブラウザに左右されやすく、
ハイブリットが今、一番安全。

フロートでやるとブラウザによって崩壊。
絶対値は確実だが、文字が増減する仕様のサイトを作ると
下にある別の部分にはみ出して死ぬ。

よくSEO対策にCSSが良いなんて人がいるが、
Divレイアウトのタグの方がtableレイアウトのタグよりも
大抵多くなってあんま変わらない。

ヤフーでさえ、ハイブリットで作ってんだ。
1のやり方が今、一番良いやり方だと思う。

とりあえず、ブラウザ側がCSSの表示の仕方を統一するまで
CSSの勉強して、金派生するのはハイブリットでやればいいと思う。
56Name_Not_Found:2006/06/06(火) 21:01:02 ID:???
>IEは一番CSSに素直に反応してくれる
釣りをするならもうちょっとマシなものを
57Name_Not_Found:2006/06/08(木) 21:38:58 ID:???
おぉおぉ本当すげぇな。よくそんなこと書けるぜ。
58Name_Not_Found:2006/06/17(土) 07:54:32 ID:rCsLDOe0
最初の2行だけでもう頭悪いのが見え見えだ
59Name_Not_Found:2006/06/19(月) 09:50:54 ID:???
エクセルの表みたいなの作る時は
テーブルめっちゃ便利なんすけど
CSS厨さんはCSSでやってんの?
60Name_Not_Found:2006/06/19(月) 10:06:01 ID:???
データテーブルはtableじゃなきゃおかしい。
尤もtableのないXMLの場合は無論スタイルシートで表風に整形する。
61Name_Not_Found:2006/06/19(月) 23:43:02 ID:???
さすがに表作るのにテーブル使うなとかいうガイキチはいねーべ
62Name_Not_Found:2006/06/19(月) 23:44:54 ID:???
表をCSSで組んでる基地外はいるよ
63Name_Not_Found:2006/06/20(火) 10:08:12 ID:???
ワロス
64Name_Not_Found:2006/06/22(木) 17:14:10 ID:???
メモリ320MBしか積めないペンIIなノートPCがメインマシン。
アドビのソフトどころか、GIMPでも苦しいくらいw
ツール使えたら楽なのになぁ。
65Name_Not_Found:2006/06/23(金) 08:53:13 ID:???
>>62
横にデータが伸びるのはテーブルでもあれだけど(わかるよね)
縦ならフロートでひょこひょこも。
馬鹿馬鹿しいからやめたけど。
66Name_Not_Found:2006/06/23(金) 09:56:28 ID:???
つうか表は縦横の並びに意味があるんだから、
floatで落として意味が通じちゃうようなデータはそもそもテーブル向きのデータじゃないってことだろ。
横に伸びてスクロールしようが、縦横は変えちゃならないデータ内容がテーブルだ。
67Name_Not_Found:2006/06/23(金) 20:30:47 ID:???
>>66
テキストデータとしての読み込まれ方が違う、ただそれだけ。
68Name_Not_Found:2006/06/23(金) 22:49:33 ID:RebOMb6o
>>67
意味を考えてないマークアップしてる典型?
69Name_Not_Found:2006/06/23(金) 23:12:34 ID:AglJ7jnK
っていうかWebサイト制作しようと考えてるもんですが
Webサイト制作とかやってるひとって
結局
Dreamwaverとかつかってんの?
生産性とデザイン性を両立できる 万能ツールなの?
(誰か談)
使ったことないからわかんない。

といってる自分は XHTML+CSS のみでサイト構築中。
70Name_Not_Found:2006/06/24(土) 05:36:02 ID:???
>万能ツール
違う。
が、(X)HTMLとCSSをわかってる人が効率を上げるためには便利。
71Name_Not_Found:2006/06/24(土) 08:50:45 ID:Jo3JCziY
>70
ご返答どうもです。
まとめると ツールを過信せずに・・・ということですな。
72Name_Not_Found:2006/06/24(土) 11:38:25 ID:???
ちゃんとCSSもXHTMLも勉強しろってことですよ
73Name_Not_Found:2006/06/24(土) 15:10:32 ID:???
>が、(X)HTMLとCSSをわかってる人が効率を上げるためには便利。

わかってなくてもそれなりに使えるもの。
74Name_Not_Found:2006/06/24(土) 15:31:51 ID:???
>>73
ソース見ると吐気するのがその手のヤツだよなw
75Name_Not_Found:2006/06/24(土) 16:54:33 ID:???
>>74
他人のソースわざわざのぞいて吐き気催してりゃ世話ねーや。
76Name_Not_Found:2006/06/24(土) 18:06:39 ID:???
類似スレ
(´-`).。oO人はTABLEにもどってくるんだよ。
http://pc8.2ch.net/test/read.cgi/hp/1133608232/
77Name_Not_Found:2006/06/24(土) 23:18:59 ID:???
>>68
あのさ、意味が分かれば、どこにそのやり方が応用できるか融通がつくはずなんだけどな。
お前は意味をなんちゃって理解したつもりでちっとも応用も出来ない、
バイトさんのよなマンネリなコピーデザインの典型しているんじゃないの?
あとさ、読み上げソフトとか使ったことあるのかな?ウェブは表示がすべてじゃないんだよ。
78Name_Not_Found:2006/06/25(日) 09:34:39 ID:???
>>77
意味がわかる対象が人間だって勘違いしてね?
DTDで保証されてる意味を考えてみろよ。
79Name_Not_Found:2006/06/25(日) 12:42:07 ID:???
>>78
お前はもう、アホかよ。タグやそこらを人間が読んでどうするんだよw
だめだ、読み上げも視野に入れたウェブサイトを作ったことの無いようだから話にならない。
お前みたいなやつはページを読み込む度にメニューを読ませるようなサイトを作っているんだろうなと思う。
80Name_Not_Found:2006/06/25(日) 20:31:44 ID:???
おまえらこのスレの本質分かってないだろ
消えろよ
81Name_Not_Found:2006/06/25(日) 20:52:41 ID:???
>>77
読み上げソフトは使ってるが、
表示がすべてじゃないならこそ、表なのに意味違いの要素を用いることが間違ってるんだろ。
アホか。
82Name_Not_Found:2006/06/25(日) 21:36:30 ID:???
そもそもさ、表だとテーブルのみとしか考えられないのがアホの証。
厳密にはそのコンテンツは表とは異なるけど見た目は表。
それを意味を厳守したまま他の要素で補うやりテクがあるのよ。CSSが無ければ出来ないけど。
ただ、一般人には教えません。
83Name_Not_Found:2006/06/25(日) 21:52:51 ID:???
なんかな固定概念に捕らわれすぎているよ。たぶんページつくってもよくあるブログのデザインに
似たり寄ったりしているんじゃないのかな。そんな奴は今更採用したくありません。
それは一般向けサイトを作っていれば文は文、表は表でそのまま作ればいいさ、
世の中にはそんな甘な注文だけじゃないんだよ。
コンテンツを持ち込まれたときにそれをどう調理するのか腕の見せ所よ。
柔軟な発想だよデザインとコーディングはもちろん意味を厳守しなければならない。
>>80
わかったよ。休暇だから暇つぶししたけど明日から忙しいしこのスレから去るわ。
素人相手に説教してもしょうがないものな。なんとでも言ってくれよ。じゃあな。
84Name_Not_Found:2006/06/26(月) 02:25:58 ID:???
>>1
のやり方そのものがテーブル厨だと思うのは俺だけですね
85Name_Not_Found:2006/06/26(月) 19:38:05 ID:???
>>82
CSSで他の要素の意味を補うなんてムリ。勉強しておいで。
86Name_Not_Found:2006/06/26(月) 22:15:51 ID:???
>>85
帰って来たけん、来てみたらあんのじょーいたなwww
だれがCSSで要素を補うなんて言ったの?文書読む能力ないよ。日本語勉強しておいで。
87Name_Not_Found:2006/06/27(火) 17:38:34 ID:???
このスレから去るんじゃなかったのかwww
88Name_Not_Found:2006/06/27(火) 21:06:11 ID:???
こんばんは(^_^;)今日も帰ってきたよ。
89Name_Not_Found:2006/06/27(火) 21:26:51 ID:???
自分の発言の意味も分からないし責任も取れないんだなwwwww
90Name_Not_Found:2006/06/28(水) 21:44:23 ID:???
こんばんは(^_^;)今日も帰ってきたよ。
91Name_Not_Found:2006/06/29(木) 03:23:44 ID:???
読み上げソフトとかいっている人は、w3mとかNetscape4とかでも動作確認している人だろうか・・・
92Name_Not_Found:2006/06/29(木) 11:35:33 ID:???
>>91
読み上げソフトだと言った人じゃないが、それらでも影鷹でも確認してるよ。
93Name_Not_Found:2006/06/29(木) 16:25:53 ID:???
>>91
Netscape4はCSS適用を回避しているので確認の必要なし
論理マークアップなのでw3mの確認も必要なし
読み上げソフトも同じ
94Name_Not_Found:2006/07/04(火) 12:37:20 ID:???
>>93
技術的にOKだとしてもプロとして一通り品質チェックするだろ普通。
95Name_Not_Found:2006/07/13(木) 04:59:04 ID:???
じゃあドリキャスとかNetFrontでも確認するん?
96Name_Not_Found:2006/07/13(木) 12:15:32 ID:???
PSPでもやるよ。
97Name_Not_Found:2006/07/15(土) 21:37:29 ID:???
普通に京ぽんでもやるし
98Name_Not_Found:2006/08/15(火) 15:39:43 ID:yXFSNJbV
IEうぜええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ
99Name_Not_Found:2006/08/15(火) 15:50:01 ID:???
誰か>>1
boeder
につっこんでやれよw
100Name_Not_Found:2006/08/15(火) 15:51:53 ID:nVUHtHsi
100ゲトー
101Name_Not_Found:2006/08/15(火) 16:30:55 ID:koOjWqJr
102Name_Not_Found:2006/08/15(火) 22:33:26 ID:???
table厨って、アタマ悪そうw
103Name_Not_Found:2006/08/16(水) 00:22:27 ID:???
>>101
4重の入子構造w
ファイルサイズ大木杉ww
104Name_Not_Found:2006/08/16(水) 03:43:07 ID:ukob8qPE
cssで作ったらサイズ5分の一くらいになりそう
105 ◆Py4srrSsag :2006/08/16(水) 19:09:35 ID:???
レイアウトは必要ない。
其れが俺の結論。
HTMLの文法が正しいのが一番。
106Name_Not_Found:2006/08/16(水) 20:47:01 ID:???
HTMLファイルが1/5になったとしても
画像ファイルに比べたら微々たるもんなので
大して変わらないと思わないか
107Name_Not_Found:2006/08/16(水) 22:23:32 ID:???
>>106
まったくもって同意
108Name_Not_Found
んなこたない。
Wordなんかで下手に作るとメガ越えなんてザラorz