TABLEデザインのサイトをCSSでどこまで再現できるか

TABLEデザインのサイ� ..

2:Name_Not_Found
04/03/07 15:55 .net
>>1
昔
URLﾘﾝｸ(bubble.2ch.net)

3:Name_Not_Found
04/03/07 15:56 .net
DWでテーブル→レイヤー変換で一発だけど。

4:Name_Not_Found
04/03/07 15:57 .net
新スレおめ

そして糸冬了

5:Name_Not_Found
04/03/07 16:00 .net
↓細々した言い訳開始↓

6:Name_Not_Found
04/03/07 16:32 .net
そんなことより>>1よ、ちょっときいてくれよ。スレと全然関係ないけどさ。
昨日、さいたまのジュリアナ南与野に行ったんです。ジュリアナ南与野。
そしたらなんか人がめちゃくちゃいっぱいいて踊れないんです。
で、よく見たらなんか垂れ幕下がってて、オールナイトフィーバーとか書いてあるんです。
もうね、アホかと、馬鹿かと。
おまえらな、オールナイトフィーバーごときで普段来てないジュリアナ南与野に
来てんじゃねーよ、ボケが。
オールナイトフィーバーだよ、オールナイトフィーバー。
なんか愛人連れとかもいるし。２人揃ってジュリアナ南与野か、おめでてーな。
よーしパパお立ち台に上っちゃうぞー、とか言ってるの。もう見てらんない。
おまえらな、ラブホ代やるからその場所空けろと。
ジュリアナ南与野ってのはな、もっと殺伐としてるべきなんだよ。
お立ち台の上で踊っている奴といつ喧嘩が始まってもおかしくない。
刺すか刺されるか、そんな雰囲気がいいんじゃねーか。男連れは、すっこんでろ。
で、やっと踊れたかと思ったら、隣の奴が、東京音頭キボンヌ、とか言ってるんです。
そこでまたぶち切れですよ。
あのな、東京音頭なんてきょうびヤクルトファンしか知らねえよ。ボケが。
得意げな顔して何が、東京音頭キボンヌ、だ。
お前は本当に東京音頭を踊りたいのかと問いたい。問い詰めたい。小１時間問い詰めたい。
お前、東京音頭って言いたいだけちゃうんかと。
ジュリアナ南与野通の俺から言わせてもらえば今、ジュリアナ南与野通の間での
最新流行はやっぱり、さいたまさいたまさいたまー、これだね。

7:Name_Not_Found
04/03/07 17:59 .net
良スレの予感がぜんぜんしないのだが、良スレにしていく価値はあるかも知れん

8:Name_Not_Found
04/03/07 18:25 .net
漏れは結構(･∀･)ｲｲ!!と思うがな…
まぁ>>1よ、ｶﾞﾅﾚ

9:Name_Not_Found
04/03/07 19:14 .net
>>1は逃げました。
誰か代わりに「tableでこんなのやってるけど」と提示してください。

10:Name_Not_Found
04/03/07 19:43 .net
まあ、あれだ。ネタにマジレスｶｺﾜﾙｲが、言っておく。
テーブルのような固定的デザインはCSSで作ってもあんまり意味がないんじゃないのか、と。

11:Name_Not_Found
04/03/07 20:33 .net
>>10
じゃあCSSなんぞいらんな。

12:Name_Not_Found
04/03/07 20:35 .net
>>11
うん。使わなくていいよ。

13:Name_Not_Found
04/03/07 21:40 .net
>>11
お前には必要ないよ

14:Name_Not_Found
04/03/07 22:18 YA0YFOnE.net
上げてみるテスト

15:Name_Not_Found
04/03/07 22:25 .net
ボックスの４隅を角丸にして、丸くて柔らかく見せる方法は？
少なくともストリクトでは出来ないよね？

16:Name_Not_Found
04/03/07 22:26 .net
まあ>>1とりあえずここ見とけ
URLﾘﾝｸ(www.csszengarden.com)

17:Name_Not_Found
04/03/07 22:30 .net
>>15
ボックスの背景に角丸画像を置けばいい

18:Name_Not_Found
04/03/07 23:08 .net
文法的には合っているというレベルなら不可能じゃないだろ？
ただし、論理構造上無意味なブロック要素を作らなければならない。
css3ではサポートされるらしいな。

>>17
それだと文章が伸縮した場合に対処が難しい。

19:Name_Not_Found
04/03/07 23:23 .net
そこで「なるほどdiv囲みね」ですよ

20:Name_Not_Found
04/03/08 02:01 KJlQUdqg.net
テーブルレイアウトが良いとか悪いとか語るだけのスレより、
このスレは貴重なスレになると思う。
ｱｹﾞ

21:Name_Not_Found
04/03/08 02:06 .net
>>20
そう思うなら、自分で手本を示してみるとかしてくれればいいのに。

22:Name_Not_Found
04/03/08 02:14 .net
僕はｈｔｍｌ初心者で、ジオで借りて、トップはジオのﾃﾝﾌﾟﾚを使って作ったんですが、
ソースと本読んで自分でいろいろ書き換えてみました。

内容は英語の勉強法とかやろうと思っていたのですが、
なかなか更新できずに１月もたってしまいました。。。

できればｃｓｓでどう書くか教えていただきたいです

URLﾘﾝｸ(www.geocities.jp)

23:20
04/03/08 02:34 .net
>>21
なるべくそうするよ。ただ18にも書いたけど、今のcssじゃ、論理構造と見栄え
の分離って中途半端なんだよな。

まー、それはおいといて>>22だが、ほぼ同じレイアウトをcssで実現可能だ。
まずはfloat、およびclearという属性を勉強する事。話しはそれからだ。

24:22
04/03/08 02:40 .net
>>23
レスどうもですヽ(´ー｀)ノ
まずは逝ってきますです。。

25:Name_Not_Found
04/03/08 08:09 .net
>>15
>>17
画像使わなくても角丸できるよ。
URLﾘﾝｸ(ad.il24.net)

26:Name_Not_Found
04/03/08 08:10 .net
>>15
URLﾘﾝｸ(www2.airnet.ne.jp)

27:Name_Not_Found
04/03/08 08:33 .net
TABLEデザインのサイトをCSSでどこまで再現できるか、は容易。
TABLEデザインでサイトのCSSをどこまで再現できるか、は無理。

28:Name_Not_Found
04/03/08 08:50 .net
>>27
容易とか言っているうちはtableの事もcssの事もよく分かってない。
２行目はなに言ってるのか分からん。

29:Name_Not_Found
04/03/08 08:52 .net
現行のテーブルレイアウトをCSSで実現することは容易に可能。
しかし現状では論理的でないdivを使わないと無理な部分が出る。
結局本末転倒なんだよな。

30:Name_Not_Found
04/03/08 11:24 .net
>>25
んーギザギザしてるしソースも汚いなぁ
もっと滑らかな角だといいんだけど

31:Name_Not_Found
04/03/08 13:19 .net
>>29
うん、それ嫌だね

32:Name_Not_Found
04/03/08 13:30 .net
>>25
すばらしいソースだなー、おい。
こういうのをcssを使いこなしているって言うんだね！

33:Name_Not_Found
04/03/08 13:43 .net
>>32
いわねーよ

こんな重いCSS使うぐらいなら画像つかうっつーの

34:Name_Not_Found
04/03/08 13:51 .net
>>33
皮肉かどうかぐらい見抜いてやれよw

35:Name_Not_Found
04/03/08 14:02 .net
だいたいなんで<div></div>で空白区切りしてるわけよ？

36:Name_Not_Found
04/03/08 14:42 .net
URLﾘﾝｸ(www.tableless.com.br)

37:Name_Not_Found
04/03/08 15:26 .net
>>25
Mozillaで見ると角が丸くなってない

38:Name_Not_Found
04/03/08 16:10 .net
>>25-26
ﾈ申
>>37
ということはネスケ6.7でも丸くならない？

39:Name_Not_Found
04/03/08 16:41 .net
>>38
Netscape6.7でどうなるかはわからないけど、こんな感じ。
URLﾘﾝｸ(v.isp.2ch.net)

40:Name_Not_Found
04/03/08 16:52 .net
別に重く無いじゃん

41:Name_Not_Found
04/03/08 17:36 .net
>>39
なるほど、ありがとう。
それだと厳しいなｗ

42:Name_Not_Found
04/03/08 17:44 .net
じゃあお題だすからTABLE使わないでそっくりなサイトをつくってくれ

URLﾘﾝｸ(www.yahoo.co.jp)をTABLEを使わずCSSで作成せよ

43:Name_Not_Found
04/03/08 17:53 .net
作ったけど。

44:Name_Not_Found
04/03/08 18:18 .net
>>39
なかなかオシャレでいいじゃん。

45:Name_Not_Found
04/03/08 18:25 mn2tHFG8.net
２ｃｈの転送量が問題になったとき、TABLEで作ったデザインをCSS化するってアイディアが出たはず。
ちょっとふにゃっとした感じだったけど、かなり再現されてたよ。

46:Name_Not_Found
04/03/08 18:26 mn2tHFG8.net
div厨とTABLEレイアウト原理主義者なら、
ひょっとして後者のほうがまだマシなんじゃないかと思ったり思わなかったり。

47:Name_Not_Found
04/03/08 18:30 .net
tableで意図した情報の流れの通りクロールに読ませられるんならいいけどな。

48:Name_Not_Found
04/03/08 18:38 .net
>>46
原理主義者かよ…どっちもどっちのような

49:Name_Not_Found
04/03/08 19:29 .net
音声ブラウザを入り口で弾くスクリプト無いかな？
視覚障害者にとってもそのほうが親切だろ。

50:Name_Not_Found
04/03/08 19:33 .net
>>49
その程度もつくれないほどの無能のサイトなんて行かないから大丈夫だよ。

51:Name_Not_Found
04/03/08 19:39 .net
>>49
トップページに、音声用の入り口を別に作っておけば良い。

52:Name_Not_Found
04/03/08 20:02 .net
「視覚障害者には利用して貰わなくて結構」というスタンスもあって良い。

53:Name_Not_Found
04/03/08 20:29 .net
>>52
そりゃ、あっても構わんだろうがスレ違い

54:Name_Not_Found
04/03/08 21:22 .net
>>53
それはTABLEレイアウトを否定するために
「視覚障害者への配慮」を錦の御旗にする連中に言うべき。

55:Name_Not_Found
04/03/08 21:51 .net
CSSでレイアウトすると
CSSに対応してなきゃ崩れるじゃん。

まあテーブルに対応してなくても崩れるが、
テーブルに対応してないのは少ないしね。

56:Name_Not_Found
04/03/08 21:54 .net
>>55
【td】テーブルレイアウトの何が悪いん？ 2【/td】
ｽﾚﾘﾝｸ(hp板:379番)

57:Name_Not_Found
04/03/09 10:48 .net
>>55
CSSで崩れたらCSSオフにできるじゃん。
テーブルも、線形化されてればかまわないとおもう

58:57
04/03/09 11:36 .net
>>57
線形化されてれば→線形化して意味が通れば

59:Name_Not_Found
04/03/10 00:10 .net
ブラウザってなんでいくつもあるんだろうな

60:Name_Not_Found
04/03/10 05:23 .net
>>59
資本主義だからさ

61:Name_Not_Found
04/03/10 08:54 .net
>>60
うまいなぁ。やまだく～ん！歌さんに座布団一枚やっとくれっ

62:Name_Not_Found
04/03/10 10:22 .net
>>61

寒

63:Name_Not_Found
04/03/10 13:12 .net
>>61

馬

64:Name_Not_Found
04/03/10 13:45 .net
>>61

鹿

65:Name_Not_Found
04/03/10 17:06 .net
floatとか使えば大抵のことは可能の気がするけど

66:Name_Not_Found
04/03/10 18:43 .net
>>65
しろうとはこれだから・・・。

67:Name_Not_Found
04/03/10 21:44 zYLbF8gd.net
Mozilla 5.0 以上に限定するならおよそのことはできるだろう。

Internet Explorer と Netscape (Mozilla系) で同一のデザインを
保つことができるCSSを書くのは難しい。tableを使う利点は
ほぼ全てのブラウザで同一のデザインが表示されることが期待できる
ということにある。

現状のCSSはあまりにも非力だ。しかしそれすらも満足に実装できて
いないInternet Explorerのお陰で、いまだtableは引退できない訳だ。

68:Name_Not_Found
04/03/10 21:45 .net
Wiredはすばらしい

69:Name_Not_Found
04/03/10 21:49 .net
評論はいいから実際につくってみれ
↓

70:Name_Not_Found
04/03/11 03:01 .net
>>36

71:Name_Not_Found
04/03/11 17:52 .net
Yahoo程度ならいけると思う。横幅固定だからfloatも崩れないし。
NN4.x無視すればだけど。

72:Name_Not_Found
04/03/11 18:48 .net
CSSで作れるって言うなら実際作ってみれば？

73:Name_Not_Found
04/03/11 19:31 .net
ｽﾚﾘﾝｸ(hp板:6番)
【FAQ】
Q3: CSSで段組するには？
A3: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
　URLﾘﾝｸ(www.fromdfj.net)
CSS段組レイアウトデザ委員会
　URLﾘﾝｸ(www.skipup.com)
スタイルシートでマルチカラム・デザインを実現する方法
　URLﾘﾝｸ(www.motchie.com)
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　URLﾘﾝｸ(members.jcom.home.ne.jp)
　URLﾘﾝｸ(members.jcom.home.ne.jp)
スタイルシートでマルチカラムデザインの実現
　URLﾘﾝｸ(shiten.s9.xrea.com)
段組れいあうとてすと　(floatによる段組の例)
　URLﾘﾝｸ(www.remus.dti.ne.jp)
なかよしぱれっと　（ネスケ４でも崩れない段組みの実例）
　URLﾘﾝｸ(village.infoweb.ne.jp)

74:Name_Not_Found
04/03/12 01:50 .net
さらっとしか見てないけど、
URLﾘﾝｸ(www.siemens-mobile.com)
URLﾘﾝｸ(konicaminolta.jp)
URLﾘﾝｸ(saiyo.jr-central.co.jp)

カスイケスレというわけわからんスレにいっぱいありますぜ。

75:Name_Not_Found
04/03/12 21:30 .net
>カスイケスレ

どこがイケテルんだか…。
tableに追いつこうとしても追いつけない哀れなCSSの現実を露呈している。

76:Name_Not_Found
04/03/12 21:55 .net
漏れはちょっとcssを見直したよ。

77:Name_Not_Found
04/03/12 23:38 .net
tableでやりゃいいのにな。

78:76
04/03/13 00:09 .net
最近クラや代理店が中途半端にアクセシビリティだのなんだのって
うるさくなってきた気がする。
今まで、テーブル使わなきゃ無利ですよ～なんていってきたけど、
>>74 みたいなのみられたら面倒だな。

79:Name_Not_Found
04/03/13 15:52 .net
cssは根本的に以前のデザイン手法を忘れちまったほうがやりやすい

80:Name_Not_Found
04/03/13 17:07 .net
TABLEでイケてるデザインサイト
ｽﾚﾘﾝｸ(hp板)

スレたてました。一応関連してるかと思いますので宣伝ご免。

81:Name_Not_Found
04/03/13 18:43 .net
CSS自体は見直さないけど、これを制作した人は
CSSごときで、よくここまで偽テーブルレイアウトをしたものだ。感心。

・・・・って言うか、くだらない事に時間かけてないで
他にすべき事は無かったのか？暇だったのか？

82:Name_Not_Found
04/03/13 20:51 .net
>>80のスレにあったけど全部CSS
URLﾘﾝｸ(www.fontgraphic.com)

ってかこうゆうサイトほどテーブルデザインに適してると思うんだが
ネットスケープ4で見ると悲惨すぎる

83:Name_Not_Found
04/03/13 21:43 .net
>>82
CSSデザインが裏目に出ているいい例ですね（ﾌﾟｯ

84:Name_Not_Found
04/03/13 21:48 .net
>>82
どうでもいいが、普通の人はクリックする場所わかんないと思うぞ。

85:Name_Not_Found
04/03/13 23:20 .net
>>82
NN4信者の方ですか？

86:Name_Not_Found
04/03/14 00:10 .net
はい

87:Name_Not_Found
04/03/14 01:12 .net
>>82
オナニー以外の何物でもないな

88:Name_Not_Found
04/03/14 22:31 .net
>>74
三つ目のはデザインもいいと思った。
こーゆーのって、時間かかるんかね？

89:Name_Not_Found
04/03/15 00:05 .net
CSS覚えるまでが時間かかる
覚えてしまえば楽

90:Name_Not_Found
04/03/15 00:07 .net
>>88
JRはひどいだろう。
ほぼフルフラッシュで、幅固定、文字サイズ固定、オペラじゃレイアウト崩れてるし。
大体印刷用のページ生成しちゃってたりして、cssデザインのメリットがまったくない。

91:Name_Not_Found
04/03/15 00:15 .net
>>82
むしろﾌﾗｯｼｭだろ

92:Name_Not_Found
04/03/15 00:52 .net
>>90
トップだけじゃん。> フラッシュ
でも、メニューでかすぎ、つか、重いよね。

93:92
04/03/15 00:54 .net
入り口ページにフラッシュとか、
クラとの間に代理店がはさまると、絶対言ってくるよね。
なんか、ワンテンポ遅れてるっつーか。

漏れはテーブルレイアウト一筋なんでなんともいえないけど、
css のメリットってなんなん？

94:Name_Not_Found
04/03/15 01:02 .net
規模にもよるがCSSレイアウトの方が難しくて管理人の頭がよく見える。

95:Name_Not_Found
04/03/15 01:03 .net
テーブルレイアウトしてる奴は厨房。
そもそもレイアウト用のタグじゃねーんだよ糞が。
これからの時代、テーブルレイアウトしか出来ないデザイナーは使い物にならなくなるよ。
つーかHTMLの基礎も出来てない奴がWEBデザイナーを名乗んじゃねーよ。
これだからいつまでたっても軽い業界だと思われてるんだよ。

96:Name_Not_Found
04/03/15 01:04 .net
>>93
漏れが一番楽だと思うのは
css1で全ページのレイアウトが出来るって所かな？
サイトの統一感も増すし、デザインの変更も楽だし。
あと、htmlの方もすっきりして編集しやすくなるね。

あと、この辺参照
URLﾘﾝｸ(members.jcom.home.ne.jp)
URLﾘﾝｸ(members.jcom.home.ne.jp)

97:Name_Not_Found
04/03/15 01:06 .net
>>95のW3C信者

布教乙(w

98:Name_Not_Found
04/03/15 01:06 .net
×css1
○css1つ

でした。

99:Name_Not_Found
04/03/15 01:15 .net
技術とレイアウトの流れ（タグうち）
<br>のみ→<i>や<b>など物理的タグを利用→<table>などでレイアウト→CSSのみでレイアウト

技術とレイアウトの流れ（HPビルダー）
画像のみ→<br>などを利用して文章を利用→<table>などを利用→飽きる

100:92
04/03/15 01:19 .net
>>96
なるほど。商業レベルでやろうとするとデザインのトーンとマナーの
部分には生きてくるけど、細かい部分まで統一するのは無理くない？
と思って挫折したクチなんだけどねｗ

ただ、jrの印刷のみたいにメニューとかバッサリきり飛ばしても
大丈夫なのはちょっとイイかも、と思った。
ヘッダフッタとメニューのデザイン変更して中身は流用、って
リニューアルの仕事結構あるし。

あと、新幹線を正面から見ると、ガキデカみたいで笑える。

101:Name_Not_Found
04/03/15 12:29 .net
グラビアサイトを作ってる者から言えばCSSレイアウトなんてまだ無理といったところです。
そりゃ不可能ではないが雑誌的なレイアウトをしている関係で
テーブルレイアウトじゃないと作業が不便すぎるし、文書の再利用性とか考えなくていいし。
見栄えといってもテキストも見出しは画像、本文は１０pxの固定だったりしますしね。
入れ子テーブルなら5つ6つは当然という、作ってる側も分からなくなる構造だったり。

世の中にはそういうサイトもあるからCSSマンセーな方の意見は程々参考にしかならない。
俺のもそうかな・・・(´д｀;)

102:Name_Not_Found
04/03/15 12:49 .net
潔くPDF配布したらどうだ？

103:Name_Not_Found
04/03/15 13:05 .net
>>95
何を言ってるんだ、このW3C信者。
レイアウト用かどうか、じゃなく、レイアウトできるかどうか、で考えれろよ。

104:Name_Not_Found
04/03/15 13:19 .net
まったくだ。考えれるよな！

105:Name_Not_Found
04/03/15 13:39 .net
考えれら！

106:Name_Not_Found
04/03/15 13:45 .net
このスレは>>3で終了してれるから。
れら行五段活用だから。

107:Name_Not_Found
04/03/15 14:32 .net
>>101
雑誌とwebは全く性質の違うものだと気づいてくれ。

どうでもいいけど、グラビアサイトと聞いて
グラビア印刷法に関するサイトかと思ってしまった

108:Name_Not_Found
04/03/15 14:52 .net
>>107
うん。>>101はそこから始めるべきだよな。
違う分野の事をやるんだから、固定概念から取り払わないと。
建築と紙面、紙面と映画、映画とWebなどと比べれば、全く違うとわかりそうな物なのに、
どうしてWebと紙面の相互はこの勘違いから抜け出せない人が多いのだろう？

109:Name_Not_Found
04/03/15 14:55 .net
＞雑誌とwebは全く性質の違うものだと気づいてくれ。

世間的には紙媒体の延長線のものだと認識されているけどな。
一部の専門家に迎合するか、それとも世間一般の常識（例え間違っていたとしても）に従うか。
やはり後者に従う道を選ぶ人間が多いのはやむを得ない現実。

110:Name_Not_Found
04/03/15 15:34 .net
自分の思い込みを勝手に世間の常識にしないでくれたまえw

111:Name_Not_Found
04/03/15 15:44 .net
そうだな
紙とwebは同じと思い込まれると困る。
なぜか、すべてのブラウザで同じように表示させようとするんだよな・・・

112:Name_Not_Found
04/03/15 15:49 .net
CSSレイアウトに興味あるが、CSS3でレイアウトに関する要素が追加される
まではテーブルで逝く、っていうのが多数派なんでないのかな。

113:Name_Not_Found
04/03/15 15:58 .net
CSS3でレイアウトに関する要素が追加されて、
かつそれに対応したブラウザ（特にIE）が普及するまで…じゃない？

114:Name_Not_Found
04/03/15 17:23 .net
> かつそれに対応したブラウザ（特にIE）が普及するまで…じゃない？
永遠にありえない

115:Name_Not_Found
04/03/15 17:35 .net
じゃあ

そこそこ対応したブラウザ（特にIE）が
そこそこ普及するまで

で。

116:Name_Not_Found
04/03/15 18:08 .net
>（特にIE）
これが曲者なわけでオンドゥルギッタンディスカー

117:Name_Not_Found
04/03/15 18:14 .net
希望を持っては駄目ですか。甘いですか。

118:Name_Not_Found
04/03/15 23:37 .net
じゃあ、IEが衰退するまでって事で

119:Name_Not_Found
04/03/16 01:31 .net
時期IEで、px指定の文字サイズを変更できるようになったら、
散々pxやめろって言ってきた人は黙るんだろうか。

120:Name_Not_Found
04/03/16 02:27 .net
解像度10240 x 10240のディスプレイが出たらどうする

121:Name_Not_Found
04/03/16 03:16 .net
>>120
正方形かよ！

122:Name_Not_Found
04/03/16 03:48 .net
>>120
端っこの方 2% くらいをちまちまとつかう。
あまり遠くなると見えなさそう、目、悪いし。

123:Name_Not_Found
04/03/16 10:50 .net
10%くらいまで奮発していいんじゃないの？

124:Name_Not_Found
04/03/16 15:20 .net
>>119
「サイズ変更出来ないから駄目」という人は黙るかもね。
「古いブラウザだと固定されるからｲﾔｿ」というﾔｼはいるだろうけど。

無指定派は全く変わらないと思う

125:Name_Not_Found
04/03/16 15:44 .net
>>119
デザインがずれる！
って怒る人は出てきそうだな。

126:Name_Not_Found
04/03/17 00:38 .net
>>124
奴らは新たなフォント固定技を使うようになる。

127:Name_Not_Found
04/03/17 00:43 .net
彼らって誰？

128:Name_Not_Found
04/03/17 02:15 .net
質問スレで「IE7でフォントサイズが固定できません」とか言って
信者に怒られんのな。

129:Name_Not_Found
04/03/17 04:32 .net
【td】テーブルレイアウトの何が悪いん？ 3 【/td】
ｽﾚﾘﾝｸ(hp板)l50

130:Name_Not_Found
04/03/17 19:58 .net
IEでも既にpx固定の文字を"固定"じゃなくすことは可能なわけだが。

知ったかが
あふれ出てきて
春を知る

131:Name_Not_Found
04/03/17 20:09 .net
>>130
腸外出

132:Name_Not_Found
04/03/18 01:16 .net
厨房が
ここぞとばかりに
恥晒す

133:Name_Not_Found
04/03/18 01:19 .net
知らぬ間に
妙な流れに
なっている

134:Name_Not_Found
04/03/18 01:30 .net
はじめから
妙なスレでは
あったがな

135:Name_Not_Found
04/03/18 02:00 .net
それにつけても
厨の多さよ

136:Name_Not_Found
04/03/18 02:21 .net
アクセシビリティって JIS 規格に入るってマジ？
すげーこまるんだけど。

137:136
04/03/18 02:22 .net
あーーーっ！！！
すげこま君ってすげーこまる君なんだーーーー！！

--

スレ違いｽﾏｿ。

138:Name_Not_Found
04/03/18 22:16 .net
>>136
今年中にはJIS規格になるよ。

139:Name_Not_Found
04/03/19 01:46 .net
アクセシビリティって日本語だとどういう意味だ。使いやすいってことか。
お触りOKってことか。あまりに臭くて痺れてしまうことか。

140:Name_Not_Found
04/03/19 01:52 .net
>>139
あなたの表現があまりに臭くて痺れてしまいますた

141:Name_Not_Found
04/03/19 03:35 .net
>>139
あ、くせぇ、痺れてぃえー

142:136
04/03/19 12:01 .net
JISがどの程度までアレしてくるかわかんないけど、
もしかしたら ISO 取得しているクラとかのサイトに
影響出るかもしれないじゃん。

どーする？

143:Name_Not_Found
04/03/20 14:43 .net
>>142
(X)HTML+CSSで実装し直すしかあるまい。

144:136
04/03/22 16:52 .net
何件あることやら。
考えると吐き気が・・・

145:Name_Not_Found
04/03/25 05:02 .net
tableでのレイアウトをCSSに置きかえる
URLﾘﾝｸ(aor.ktplan.jp)

146:Name_Not_Found
04/06/05 01:02 .net
言葉は悪いけど、>>105がファイナルアンサーなんだよな。
そもそも使い道が違う。HTMLのMが何であるかを考えればね。

しかし
・視覚系UA
・解像度800×600以上、14インチ程度、或いはそれ以上のPCモニタ
・極端に低速度な回線でないこと
等の条件を満たせば、テーブルレイアウトの互換性は高いと言える。
そして大抵はこの条件を満たしていることが多い。

レイアウトに互換性を求めること自体ナンセンスだけど、仕様書が等閑にされている現状では、意識改革は進まないよなぁ。

147:146
04/06/05 01:03 .net
>>105ではなく、>>95だった。
よりによってとんでもねぇレスを参照しちまったぜ……。

ぬるぽ

148:Name_Not_Found
04/06/05 01:17 .net
>>146
廃スレ保守する暇があったらチクワブ買って来い

149:Name_Not_Found
04/06/05 09:07 h8fFmHpT.net
某日経なんたらのコーディングやってます。
昨日仕様とpsdもらって、締め切り今日。しかも3ページ。
完全にテーブルタグを想定で構成されているレイアウトのサイトデザインなんだが。。
・html4.0、CSS2.0の仕様に準拠
・IE6、NN7、Safariがターゲット
・コンテンツ左、ナビ右で、大まかに二段組だが、コンテンツ内に<iframe>で広告とか入れるんで、部分的に3～4段組っぽくなる。
・しかもウィンドウリサイズ、文字サイズ可変、ナビ幅固定で右寄せ、コンテンツ幅は可変。
・その他ピクセル単位で細かい指示ありまくり

おいらもコーダーとしてはそこそこ色々こなしてきたけどさ。
あの、こりゃ無理なんですが。。
そりゃね、テーブル使えば、一発で問題ない事なんだけどね。

しかもクライアントが、プログラマ出身なのか異様にhtmlには詳しい。（割にcssは知らない模様）
っていうかさ、IE6がCSS2.0にまともに対応してない割に、「CSS2.0準拠で。」なんて無理ﾀﾞｯﾁｭｰﾉ。

150:Name_Not_Found
04/06/05 09:14 .net
>149
HTML4.01準拠じゃなくて、HTML4.0準拠なとこが、なんとも微妙だなｗ

それはともかく、W3C勧告では、レイアウトにテーブルを使っては「いけない」とは
いってないんだし、割り切ってやっちゃえば？

151:Name_Not_Found
04/06/05 09:46 h8fFmHpT.net
>>150
レスサンクス。
クラがレイアウトのためのテーブル使うな。ってさ。。
しかもやたらクリーンなソース要求してくる。
デフォルトで定義されてる属性入れようもんならクレームがくるし。algin=leftとか。
だったら自分でやれと。小一時間（以下略
変なところ先進的でありたいと勝手に思っているらしい。
まだブラウザが糞なんだから仕方ないのに。とくにIE6。
CSS3でこの辺の段組みが楽になるらしいが。まだ先か。
ってそんな先までコーダーやってねえって。

152:Name_Not_Found
04/06/05 09:49 h8fFmHpT.net
alignだよ。疲れてるな。。
逝ってきます。。

153:Name_Not_Found
04/06/05 11:30 .net
テーブル使用をクラのせいにもしてたやつは痛いな

154:Name_Not_Found
04/06/05 13:07 .net
>>153
クラ側から意識改革が少しづつでも進んでいけば
そういう連中も淘汰されていくっしょ。
それがいつになるかは知らんが。

とりあえずもっと勉強しとこっと。

155:Name_Not_Found
04/06/05 15:06 .net
>>154
> それがいつになるかは知らんが。
blogでCSSのことがもてはやされている昨今だからねえ
意外に近いかも

156:Name_Not_Found
04/06/05 18:32 .net
>>155
いきなり企業にパーフェクトにValidであれ、とまでは言わんけども
早くそういう志向が出始めるといいんだけどね。

URLﾘﾝｸ(internet.watch.impress.co.jp)
↑がそういう点にまで言及する厳しめの規格になって欲しい。

157:Name_Not_Found
04/06/05 19:00 .net
>>156
身体障害者に配慮しろと、W3Cを初めとして
信者や2chネラーどもが口が酸っぱくなるほどウルサイが、
その割にはMacユーザーのブラウザに配慮する香具師が
意外なほど少ないのは、これ、いかに？

158:Name_Not_Found
04/06/05 19:23 .net
Macユーザーのブラウザが糞だからサ

159:Name_Not_Found
04/06/05 19:31 .net
>>158
safari はまだこれから期待出来ると思ってる。分からんけどね。

160:Name_Not_Found
04/06/05 20:12 .net
＞１５８
おんどりゃあ～～、目クラとＭａｃ使い
どっちが多いと思ってんだぁ～～！！

＞１５９
激しく同意、サファリに期待しる！！

161:Name_Not_Found
04/06/05 20:17 .net
>>157
@import で配慮してるよ
あとはまぁ有名どころのバグにはそれなりに。

ていうか障害者だけじゃなくて
テキストブラウザやらロボット相手の事も考えて書けっちゅー話で。

162:Name_Not_Found
04/06/05 21:59 .net
ぶっちゃけ標準準拠を語る時に音声読み上げブラウザを引き合いに出されてもいまいち説得力に欠ける
ちゃんと読み上げられる＝OKサイト、なのは分かるけど、障害者に配慮ってなんか白々しいんだよな

163:Name_Not_Found
04/06/06 00:25 .net
>>153
同意

164:Name_Not_Found
04/06/06 00:46 .net
>>162
それも「CSSはNN4.xで～」のどちらも恥ずかしいっていうか白々しいよなぁ。

俺はテーブルでレイアウトすんな派だけど
「障害者にも優しくて～」って話は一番最後にするようにしてる。
ｸﾞｸﾞﾙさんなんかにもウケがいいから拾ってもらえやすいですよ？とか
お客さんがどのブラウザ使ってても余り気にしなくて済むように出来ますよ？とかの
実利のある方から説明した方がウケもいい気がするし。ていうか実際最近そうだし。

165:Name_Not_Found
04/06/11 23:12 .net
捕手

166:Name_Not_Found
04/06/20 14:05 .net
投手

167:Name_Not_Found
04/06/20 21:55 .net
ぬるぽ

168:Name_Not_Found
04/06/25 20:12 GMOupzvq.net
ってか、WORDで表機能を使ってレイアウトを整えようとすることがざらにある漏れは逝ってよしですか？

>>167
ｶﾞｯ

169:Name_Not_Found
04/06/25 21:28 .net
>>168　オマイの自由だ。

170:ｽﾄﾘｸﾀﾝ
04/06/26 12:37 .net
>>168
逝ってよし。何のためにWORDにスタイルシート(≠CSS)機能があると思ってるんだ。

171:Name_Not_Found
04/06/26 14:29 .net
>>170
なぜWORDでやらせる？　オマイも逝ってこい。

172:Name_Not_Found
04/06/26 15:29 .net
>>74
のサイトってちょっとウインドウサイズが違うと見えないところが出てきたりするのに、
table使わない意味ってあるの？

173:Name_Not_Found
04/06/26 16:48 .net
こんな本が出版されたようですが。
ｽﾚﾘﾝｸ(hp板)l50

感想を書いて欲しいそうです。

174:Name_Not_Found
04/06/26 21:30 .net
どう見てもかび臭いテーブルテイアウト。
しかしソースを覗いてみると・・・あらびっくり、全部リスト表示。
URLﾘﾝｸ(gazone.morrie.biz)

175:m(_ _)m
04/06/27 23:45 xEoUQqkn.net

<label> LABEL <textarea> TEXTAREA </textarea> </label> <br />
<label> LABEL <textarea> TEXTAREA </textarea> </label> <br />

上記↑のマークアップを、テーブルレイアウト風↓にしたいのですが、方法を教えてください。

　　　　　.　┌────────┐
　LABEL　│　TEXTAREA　　　　　　　　　　　　　 │
　　　　　.　│　　　　　　　　　　　　　　　　　　　　...　│
　　　　　.　│　　　　　　　　　　　　　　　　　　　　...　│
　　　　　.　└────────┘
　　　　　.　┌────────┐
　LABEL　│　TEXTAREA　　　　　　　　　　　　　 │
　　　　　.　│　　　　　　　　　　　　　　　　　　　　...　│
　　　　　.　│　　　　　　　　　　　　　　　　　　　　...　│
　　　　　.　└────────┘

176:Name_Not_Found
04/06/27 23:55 .net
>>175
そのまんまでなるでしょ。
textarea に vertical-align を指定すれば label の位置を調整出来ると思うけど。

177:Name_Not_Found
04/07/16 16:34 .net
つりだよね

178:Name_Not_Found
04/07/17 05:04 .net
たてちゃった…
ｽﾚﾘﾝｸ(hp板)

179:Name_Not_Found
04/07/17 20:04 zRMYE+Jz.net
>>136
>アクセシビリティって JIS 規格
知らなかったよ・・・で、いま、いろいろ調べたが
3000円くらいで規格のPDF買えだって？
ふざけんじゃねーよ。どっかに落ちてないか（ry

webの仕事のいいとこは回線代しかかからないところだからなw

180:Name_Not_Found
04/07/18 11:59 .net
たいした仕事してないな。

181:Name_Not_Found
04/07/21 07:30 .net
ただのコーダーだろ。

182:Name_Not_Found
04/07/31 22:40 .net
>>174
テイアウト

183:Name_Not_Found
04/08/12 16:13 .net
ちょっと暇してたので、取り敢えず質問でも。

幅300pxの箱(table, border=1)が、左から148px、50px、100pxと3分割されています。
真ん中のセルにはDHTMLにより、画像かなにかがころころ変わるようになっています。今回その幅が100pxだったとします。
tableとcssのレイアウトを両方作ってみたのですが、どうにもcssレイアウトの方はセルが思いっきりズレます。(IEでのみ確認)
tableレイアウトと同等の冗長性を持ったcssレイアウトは出来るでしょうか？

184:Name_Not_Found
04/08/12 16:14 .net
tableレイアウトの場合：
<table width="300px" border="1" cellspacing="0", cellpadding="0" style="border-color:#000000;">
<tr>
<td width="148px" style="border-color:#000000;">
hoge1
</td>
<td width="50px" style="border-color:#000000;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</td>
<td width="100px" style="border-color:#000000;">
hoge3
</td>
</tr>
</table>

cssレイアウトの場合：
div style="width:300px; border-style:solid; border-width:1px;">
<div style="width:148px; border-style:solid; border-width:1px; float:left;">
hoge1
</div>
<div style="width:50px; border-style:solid; border-width:1px; float:left;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</div>
<div style="width:100px; border-style:solid; border-width:1px; float:left;">
hoge3
</div>
</div>

185:Name_Not_Found
04/08/15 12:19 .net
テーブルの塊をデブの塊に変換しただけかよ

186:Name_Not_Found
04/08/15 12:32 .net
>>184
display:table-*使ってやれ

187:Name_Not_Found
04/08/16 19:56 .net

　あぁぁ　　スクツだぁ。

188:Name_Not_Found
04/08/18 21:38 .net
スクツってなに？？巣窟のこと？
187はいったい何のスクツだって言ってるの？
かーなり意味不明なんだが。

189:Name_Not_Found
04/08/18 22:12 .net
単に巣窟っていうと、厨の巣窟って意味のこともあるよ。
187が実際にそうなのかは知らないけど。

190:Name_Not_Found
04/08/19 20:01 .net
>>189
正解　　　ちなみにアタイも厨

191:Name_Not_Found
04/08/24 09:36 .net
カマ？

192:Name_Not_Found
04/09/16 18:03:56 .net
<table>
<tr>
<td rowspan="2">○○</td>
<td rowspan="2">△△</td>
<td>□□</td>
</tr>
<tr>
<td valign="bottom">●●</td>
</td>
</tr></table>

こういうのがやりたいんですけど、CSSでできますか？
サイズ固定はなしです

193:Name_Not_Found
04/09/16 18:20:02 .net
> <td valign="bottom">●●</td>
> </td>

こんなの出きるわけないだろ

194:Name_Not_Found
04/10/06 19:05:40 .net

　　ヤッホー　お休みかなぁ～～？

195:Name_Not_Found
04/10/07 11:27:18 .net
ブロックの中でのbottomを0pxにする方向でゴニョゴニョすると
なんとか…
…ならんかな。

196:Name_Not_Found
04/10/07 17:13:08 .net
>>195
>>193で指摘したのはタグの閉じ忘れならぬ二重閉じ。

もし、
○△□□　というのがやりたいだけなら
○△●●
<html><head><style type="text/css">
.l{float:left;width:30%}
.r .l{float:left;width:30%}
.r .r{float:left;width:30%}
.n{clear:both}
</style></head><body>

<div class="n"></div>

<div class="l"><p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○</p></div>
<div class="r">
<div class="l"><p>△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△</p></div>
<div class="r"><p>□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□</p>
<p>●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●</p></div>
</div>

<div class="n"></div>

</body></html>
こんな感じでやるしかないね。width:30%使っちゃってるけど。
ちなみにこのまま表示するとMozillaでは文字が重なって読めなくなるけど
これは「URLっぽい文字列を折り返さないバグ」なので、●とかじゃなくて普通の漢字仮名混じりテキストなら大丈夫だった

197:Name_Not_Found
04/10/07 18:47:05 .net
おちかれさん

198:Name_Not_Found
04/10/08 01:49:26 .net
>>196
いや、>>192のキモは

<td valign="bottom">●●</td>

でしょ。テーブルレイアウトではbackground-positionやlist-styleとかが
どうしようもないように、CSS2では、ブロックの中身の上下寄せ（valign）
がどうしようもない、っつー話ではなかろうかと。

で >>195 は、三つ並べたブロックの右側の中にもう一つブロックを置き、
position を relative にして bottom:0px; とすることでどうか、
と言っていると予想するけど、うまくいくのかね？

199:Name_Not_Found
04/10/08 02:35:38 .net
>>198
力づくでやってみた…が、結局高さ指定をしないと無理だった。
したらしたで、文字のサイズによってはみ出たりするし＿|￣|○
<html><head><style type="text/css">
p{margin:0.5em}
.root{position:static;height:20%}
.l{float:left;width:30%;positon:relative;height:100%}
.r .l{float:left;width:30%;position:ralative;height:100%}
.r .r{float:left;width:30%;position:relative;height:100%}
.n{clear:both}
.b{position:absolute;bottom:0px;}
</style></head><body>
<div class="n"><p>通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。</p></div>
<div class="root">
<div class="l"><p>左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。</p></div>
<div class="r">
<div class="l"><p>中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。
中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。</p></div>
<div class="r">
<div class="t">
<p>右上のテキストです。右上のテキストです。右上のテキストです。右上のテキストです。</p>
</div>
<div class="b">
<p>右下のテキストです。</p>
</div>
</div>
</div>
</div>
<div class="n"><p>通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。</p></div>
</body></html>

200:199
04/10/08 03:11:54 .net
今IEで見たら、右下に行ってないじゃん。まぁCSS2サポートしてないから当然か…
でもその代わり、真ん中の文字がはみ出さないのが不思議だ

201:Name_Not_Found
04/10/08 20:41:27 .net
おれ、３行以上は読まないんだ・・・

202:Name_Not_Found
04/11/29 01:43:25 .net
IEだと角丸にならないがこんな方法がある。
URLﾘﾝｸ(www.openspc2.org)

203:Name_Not_Found
04/11/29 11:45:36 .net
いまさらそんな。
before/after疑似要素をIEが理解してくれたら、どれだけ楽になるか…

204:Name_Not_Found
04/11/29 18:41:48 .net
URLﾘﾝｸ(dean.edwards.name)
これが出回ってくれれば、少しはマシになるのにな……

205:Name_Not_Found
05/01/16 01:02:41 .net
　 /＼＿＿_／＼
／　⌒　　　⌒ ::: ＼
|　（●）,　、（●）、　| 　　／￣￣￣￣￣
|　　,,ノ(、_, )ヽ、,, 　 | 　＜　やるじゃん
|　　　ト‐＝‐ｧ' 　 .::::| 　　＼＿＿＿＿＿
＼　　｀ニニ´　 .:::／
／｀ー‐--‐‐―´´＼

206:Name_Not_Found
05/01/24 10:43:21 /dZp1Y9O.net
ソフト板の方で張られていたんだけど
URLﾘﾝｸ(www.microsoft.com)

MSIE、OPERAで見れば見られるけど
SafariやMozilla系では大変な表示になる。

一体どんなCSS書いてるんだか・・・

207:Name_Not_Found
05/01/24 16:50:51 .net
>>206
誰のインモーですか、それは。

208:Name_Not_Found
05/01/24 17:23:50 .net
じ～っとながめていると
人の顔が浮かんできます。

209:Name_Not_Found
05/01/24 17:40:56 .net
新手のアスキーアート

210:Name_Not_Found
05/01/24 17:57:47 .net
>>206
(ノ∀｀)ｱﾁｬｰ

211:Name_Not_Found
05/01/31 14:33:49 .net
まーじんとふろーとでかばーできないのはてなまる

212:Name_Not_Found
05/02/03 08:48:06 .net
テーブルなんて使いたくない。でもテーブルで組まないと環境の違いを吸収できない。
吸収するためにJavaScript使うか？イヤだ。
デザインと機能の妥協点がＣＳＳの現状では低すぎる気がする。

古いブラウザに頑固にこだわる連中やパソコン買い換えない連中は
切り捨てたいとこだが、商用サイトだとそうも行かない。

213:Name_Not_Found
05/02/06 10:54:40 .net
旧NNにこだわる奴がいる限り,CSSでテーブルの代替なんてムリ。

214:Name_Not_Found
05/02/06 16:10:17 q5t8ayWy.net
旧NNにこだわる奴なんて最早基地外
無視だ無視

215:Name_Not_Found
05/02/06 17:10:47 .net
NN4とか、あんなバグの塊みたいなベータ版並のソフトにこだわる奴の気が知れない。

216:Name_Not_Found
05/02/06 23:09:39 FPBHab32.net
URLﾘﾝｸ(www.csszengarden.com)

217:Name_Not_Found
05/02/08 00:57:13 .net
NNはJavaScriptでスタイルシート指定のリンク要素を読ませないようにすればいいんでない。
ま、インラインでスタイル指定してる奴は修正大変だが。

218:Name_Not_Found
05/02/08 01:03:18 .net
>>217
そんなことせなんでも、
link要素のmedia属性にprintを入れれば無問題。

219:Name_Not_Found
05/02/08 18:49:39 .net
>>218

とはいえ、それはＮＮのバグつつきだからなあ。
やっぱスクリプトではじくのが正解でしょ。

220:Name_Not_Found
05/02/08 19:17:41 .net
適用範囲がより広い方がいいかな、と。
別に@importでもいいし。

なんでスクリプトが正解と思った？

221:Name_Not_Found
05/02/09 03:29:32 .net
テーブルで組んでた自サイトを、このたびＣＳＳレイアウトに組み替えますた。
見た目全く同じ、ソース見ないと違いはわからない。
作って見て改めて思った。
サイズ固定のレイアウトをＣＳＳにするメリットはなにもない orz

強いて言えばDOCTYPEをStrictで宣言しても意図どおりに動くようになったわけだが。
しかしそれがそんなに重要なことなのかと自問自答。
そもそもＷ３Ｃ標準の是非だって議論が尽きないというのに。

222:Name_Not_Found
05/02/09 04:21:38 .net
よほど複雑に入れ子になってるとかじゃない限りテーブルレイアウトをCCSにするメリットはあんまりないよねｗ

223:Name_Not_Found
05/02/09 09:07:46 .net
やっぱりdiv使いまくり？

224:Name_Not_Found
05/02/09 10:54:12 .net
>>223
div厨と呼んでくれ orz
というかtableレイアウトを再現するには、やっぱりdivが一番楽。

ブランニューサイトを立ち上げるなら、かび臭い段組レイアウトは破棄するべきだなーって思った。
一時は紙媒体に近づけたい、と思ってデザインしてたけど、最近は別物としての機能デザインを
追求するのがオサレかな、ってちょっと。

次ページ