【CSS】どっち使ってる?【テーブル】

このエントリーをはてなブックマークに追加
1css.774 { width:774%; !important }
漏れは枠組みはテーブル、テーブルの中はCSSで作ってるわけだが
2Name_Not_Found:2005/12/14(水) 22:27:37 ID:???
へたくそ。>>1
3Name_Not_Found:2005/12/14(水) 22:27:55 ID:???
デザインはCSS。
表はTABLEで作っている。
4Name_Not_Found:2005/12/14(水) 22:29:54 ID:JTziyXKV
CSSだけでデザインできないところがあるのと正直全部CSSだと面倒だからw
5Name_Not_Found:2005/12/14(水) 22:30:48 ID:JTziyXKV
新スレ建てても二分でレスつくんですねwさすが2chw
(初めて新スレ建てた香具師がここにいたりw)
6Name_Not_Found:2005/12/14(水) 22:35:57 ID:???
テキスト系やっているが、テーブルを使うと読み込みが遅いし
SEO対策にも反するのでCSSデザインにしている。
7Name_Not_Found:2005/12/14(水) 22:38:21 ID:???
漏れも>>3と同じ。
更新時にテキストとcss両方いじるのが面倒だから。
ミスもでやすくなるしね。
8Name_Not_Found:2005/12/14(水) 22:48:47 ID:???
デザインも表もCSS!
9Name_Not_Found:2005/12/15(木) 02:06:05 ID:wolBUiLh
>>8
ちょwww
表は素直にtableつかえwwwwww
10Name_Not_Found:2005/12/15(木) 13:32:15 ID:???
>>1
怒りでチンコ勃起させんじゃねー
11Name_Not_Found:2005/12/15(木) 22:15:32 ID:jb9NNC7r
ってわけでCSSで作っているわけですが、慣れないとムズイw
12Name_Not_Found:2006/04/10(月) 09:43:36 ID:sYbDEeGi
ホームページ制作王なら全自動。
13Name_Not_Found:2006/04/11(火) 15:11:17 ID:???
tableのネストがdivのネストになっただけだ。つまらん。
14Name_Not_Found:2006/04/12(水) 16:30:01 ID:???
つ【ISO-HTML】
15Name_Not_Found:2006/04/13(木) 11:52:00 ID:???
divだと2カラムのレイアウトですら、様々なブラウザに対応仕切るのが
難しい。

しかも慣れてない人やプログラマーのような思考の持ち主でないと、div
タグの数が物凄い事になる。

それなら、旧来から対応し続けているtableタグで、各パート毎に区切っ
て制作(Yahooみたいな感じね)するほうが制作時間を著しく短縮、各種ブ
ラウザへの対応もし易い。

データ量が多くなるほど、phpなどを採用してモジュール化をどんどん行
ったほうが良いかもしれない。
16Name_Not_Found:2006/04/13(木) 12:52:59 ID:???
だいたいWebで段組をしようってほうが間違ってる希ガス。
どういう幅の人間が見てるかわからないんだから、
幅の狭い環境で2カラム3カラムなんて本文狭すぎ。
だからCSSでやられるのも本当はイヤだが、CSSならまだOFFにできる。
でもテーブルの段組は果てしなくウザイだけ。
17Name_Not_Found:2006/04/13(木) 13:29:04 ID:???
アクセス解析見てると1280×1024な人がかなり多くなった。まぁビジター層
にもよるだろうが、、、。

最近のPCだと1900以上のワイド画面な人もいるから、幅700くらいで固定した
多くのブログ、DIVタグで固めた"web標準のサイト"は、見にくいだろうなぁ。
そして、フォントサイズも12pt固定な場合も多い、、、。

情報量の多いサイトの段組は、全可変(リキッド)にして欲しい。

1カラム+横メニュー → 事業紹介、個人ページ、商品点数の少ないEC
2カラム+縦メニュー → 上記に加えて、なんらかの特集ページ
3カラム → 総合サイト、様々なサービスを展開するポータル系
18Name_Not_Found:2006/04/13(木) 21:14:38 ID:???
1900まで幅あるのに、わざわざ全画面で見ると思います?
なんのためにワイドにしてると思ってんだ。
19Name_Not_Found:2006/04/13(木) 22:27:28 ID:???
リキッドなんだから、全画面にしなくても問題ないが、
全画面にしてる人もしてない人も当然いる罠。
20Name_Not_Found:2006/04/15(土) 15:43:17 ID:???
なに、こんなスレあったっけ

CSSとテーブルを比較するってどういう言う意味よ?w
21Name_Not_Found:2006/04/21(金) 16:12:45 ID:???
とりあえずCSS覚えんのめんどくさいからってテーブルレイアウトしてるおっさんどもは反省しろ。
22Name_Not_Found:2006/04/21(金) 16:54:49 ID:???
テーブルのがめんどいよ。
テーブル覚えるの嫌さにCSS覚えた。
今だと表も出てきたからしょうがなくテーブルも覚えたけど、
属性多すぎだし音声ブラウザへの配慮大変だし、死にそうorz
23Name_Not_Found:2006/04/27(木) 01:26:53 ID:???
失敗したリデザインにおいて、Web標準全盛の時代にページが新規に作成あるいは更新されたにもかかわらず、標準を無視するか、または誤用しています。
リデザインの失敗例は、文法的に妥当なソースコードや、アクセシビリティガイドラインなどこの世に存在しないかのそぶりをします。
21世紀が1999年という琥珀の中に閉じ込められたがごとく、うそぶくのです。
しかしそれはそのサイトの制作者が、Web開発のプロでないというばかりでなく、彼らが完全に無能だということを示します。
あなたがもし21世紀にもなってタグがごちゃ混ぜになったコードを書き、レイアウトのためにテーブルを使っているのであれば、つまりあなたは無能者ということですよ。

10代の若者が趣味で作るBlog(「Web logs」の省略形)が、真新しいWebサイトよりも優れたコードで書かれているとしたら、誰かが過ちを犯しています。
そして、その誰かというのはあなた方、開発者です。
真っ当な会社なら、あなたはクビにされているでしょう。
オーウェル風の社会に例えるなら、あなたは「再教育キャンプ」に送られるのです。
そのどちらも望まないのなら、本を読み、少なくとも笑い種にされない程度のレベルにまでスキルを高める必要があります。

西海岸の製作者たちは確実に未来を作っている。日本の皆さんができないわけがありません。
24Name_Not_Found:2006/04/27(木) 14:02:07 ID:???
tableタグ使いたくないんだが、お客のブラウザが「そんなのまだ
動くのか?」と言いたくなるような物が沢山使われている。
#IE4.01, Netscape 3.0がまだ現役とは...

お客に「最新版にしてくれ」と言いたい所だが、お客の年齢層がまた
広すぎて、どうすりゃ良いのかわからなかったり、PCが古すぎて最新
のIE, Firefoxをまともに動かせなかったり、MacOS9以前のため、新し
くしようにも何処にもなかったり(Netscape 7.1Jはまだあった)で
大混乱。

結局元に戻してスタイルシートは最小限度しか使わなくなってしまった。
古いブラウザでも、tableタグなら一応動いてくれるからね。
25Name_Not_Found:2006/04/27(木) 14:14:35 ID:???
ちなみにawstatによれば、全件数36328中、古いバージョンで100件以上あったものと、一番古い物:
---
IE
5.5 661
5.23 652
5.22 219
5.17 302
5.01 158
5.0 457
:
4.01 6

FireFox
1.0.7 415
1.0.6 100
1.0.4 156
1.0.2 110
1.0 182
:
0.8.0 2

Netscape
7.1 752
7.02 285
:
3.0 2
---
というありさま。普通のユーザは「セキュリティ」や「新技術」
なんぞに興味がない事がよくわかったよ。
26Name_Not_Found:2006/04/27(木) 20:44:01 ID:???
tableタグは「動く」という代物ではないんだが
27Name_Not_Found:2006/04/28(金) 12:26:06 ID:???
>26
読解力がない香具師だな。

| 古いブラウザでも、tableタグなら一応動いてくれるからね。

この文章で、動く物は「古いブラウザ」だろうが。
日本語の勉強が足りないぞ。
28Name_Not_Found:2006/04/28(金) 12:31:58 ID:???
>24
一つ間違い見つけた。
Mac Classic OS(9以前)用のNetscapeは、7.02だった。
http://wp.netscape.com/ja/downloads/index.html

事情があってOS Xに移れない香具師は、これを使うしか
ないんだな。Macだから脆弱性があっても攻撃が的外れ
でシステムエラーを起こすのが関の山だから、まぁ
ぎりぎり許容範囲内だろう。
29Name_Not_Found:2006/04/28(金) 21:10:05 ID:???
>>27
CSSデザインだって古いブラウザでも動いてくれる。
むしろそういうブラウザを切り捨てないためのStrictだ。
勘違いしすぎ。
30Name_Not_Found:2006/05/10(水) 01:32:11 ID:???
>>29
とりあえず本屋へ逝ってだな、CSSの本何冊か見てごらん。
ブラウザ毎にバグや解釈の違いのせいで、画面表示が違って
しまうのをいかに回避するかというノウハウが沢山載ってる
から。しかもそのノウハウとやらは確実にそうなってくれる
物でもないんだな。

「CSS対応するからtableタグ廃止」なんて考えていたことが
私にもありました。(AAry
31Name_Not_Found:2006/05/10(水) 11:44:28 ID:KHDX18Vx
古いブラウザでもテーブルなら動くだと?
xmosaicはテーブルの入れ子ができないのはもちろん、
テーブルのセルの中にリストや画像を入れるだけで破綻してなかったっけ?
いまさらIE5やNN4を使ってる香具師は、見栄えが崩れるのを覚悟してるでしょ。
正しいHTMLで、IE6やFFで正しく表示され、IE5やNN4では表示が崩れても必要な情報が漏れなければOK。
32Name_Not_Found:2006/05/10(水) 14:01:44 ID:ts8xRwRA
モザイクとか持ち出すあたりに意地悪感が漂うな。言ってる事はそのとおりだが。(クラの了承がとれればね)
33Name_Not_Found:2006/05/10(水) 15:44:12 ID:???
そんなあなたにlynx
34Name_Not_Found:2006/05/10(水) 22:05:11 ID:???
>>25
やけに古いブラウザーは串とかだよ。
35Name_Not_Found:2006/05/10(水) 22:32:47 ID:???
>>34
どうやったらそこまで激しく誤読できるんだ?
3625:2006/05/11(木) 11:32:17 ID:???
>35
いや、古いブラウザをUserAgentとして返してくる香具師の中には、
串やcrawlerなどが居る可能性は確かにある。
#アクセス数から考えると、多分違うと思うが。

UserAgentなんて偽装し放題だからね。OperaにはIEやMozillaの
UserAgentを出す機能が標準でついてくるぐらいだし。
37Name_Not_Found:2006/05/11(木) 13:59:31 ID:???
>>36
全然意味がわかってねえな・・・
38Name_Not_Found:2006/05/12(金) 01:18:12 ID:???
>>37
何が言いたいの?
聞いてやるから説明してみれば。
言いたくないならどっか他所へ逝け。
39Name_Not_Found:2006/05/12(金) 23:54:27 ID:???
38がどこかいったほうがいいと思うよ^^
40Name_Not_Found:2006/05/27(土) 22:10:03 ID:???
>>38はでらえもん調査局
41Name_Not_Found:2006/05/28(日) 10:34:51 ID:???
両方どっか行ったほーがいいと思うw
42Name_Not_Found:2006/08/18(金) 00:18:24 ID:nDv6um9A
利用者のブラウザ統計見る限り、今CSS使うのはまだ早いと思う。
dummy.css読み込ませる&CSS非対応でもマトモに見えるサイトがどれだけあんのよ。

大体、3カラムなんて、ウィンドウサイズ変わってもOKな
配置でやろうとすると段落の順序変えなきゃいけなくなって本末転倒。

レイアウトとコンテンツが全ての場合において切り離せる訳が無い。
意図したものが意図した通りに伝わらない事が
表現として正しいと言えるのか?

現状はテーブル版と見出しタグオンリー版二つ作る方が
CSSで各ブラウザで同じように見える裏技使って
dummy用意したり、CSS非対応で見えるようにするより早いし
ユーザビリティも高いはずだよ。

表現が伝わるのが正しいって事で、文法が正しいかどうかなんて関係ない。

あと、目の不自由な人には、それ様に作らなければ
CSSオフにしたくらいじゃ伝わらない事が多いと思う。
これは別の角度から解決すべき問題じゃないのかな。

リストがリストとは限らねーし、段落が段落とは限らないよ。
表現ってそういうものだろ。
改行だって、見易さの為の改行もあれば、
口語での「間」の為の改行だってあるんだし。

あ〜おっぱいもみたい。
43Name_Not_Found:2006/08/18(金) 01:59:48 ID:???
>リストがリストとは限らねーし、段落が段落とは限らない
おまえ、自分の構成能力のなさを暴露してどうする。
おっぱい揉んでる。
44Name_Not_Found:2006/08/18(金) 02:04:28 ID:???
45Name_Not_Found:2006/08/18(金) 16:43:55 ID:K/90fs30
body要素直下にtable要素以外の要素を書かないような馬鹿は死んでください。
レイアウトぐらいCSSで出来るだろ。
46Name_Not_Found:2006/08/18(金) 20:30:10 ID:???
>>31
モザイク使ってるやつより、IE5以下やNN4のやつの方が遙かに多いし
そういう奴がレイアウト崩れるの覚悟で使ってるなんて根拠は何処にも無い。

崩れてもブラウザのせいって気づいてくれっていう
作ってる側の勝手な願望。
47CSSって:2006/08/22(火) 14:17:41 ID:???
クスス。(笑)
48Name_Not_Found:2006/08/22(火) 18:48:34 ID:???
俺CSS
49Name_Not_Found:2006/08/22(火) 18:55:12 ID:???
間違って途中でかきこんじゃった、ごめんな

んで、俺会社で働きながらCSSの講師とかしてるんだよ
完璧に分離型でやってんだけど多分世間で必要とされてないんだろなーって思いながら仕事してる
そりゃいいには違いないし本来目指すとこではあるけど玄人のエゴだと思う最近だよ
事情が内限り次のCSSがでてブラウザが対応するまで無理せずテーブルでいいんじゃない
50Name_Not_Found:2006/08/23(水) 12:09:03 ID:???
>次のCSSがでてブラウザが対応するまで
全然関係ない
装飾を分離しようと思う奴はするし、リニュの手間を惜しまない奴はテーブルのまま
51Name_Not_Found:2006/08/24(木) 10:14:43 ID:???
配置を几帳面にきっちりと決めたい場合は
現状tableしかないからなぁ。
cssは必ずしも見た目が同じになるとは限らないし。

# どのブラウザから観ても見た目が必ず同じになる、ということに拘らない人は
# cssオンリーでいいんじゃない?

みんながみんなieを放棄してfirefoxとか使ってくれるなら
喜んでcssオンリーにしますよ。
けど、現状ではtableとcssを併用するのがベスト。
52Name_Not_Found:2006/08/24(木) 16:06:12 ID:???
>>51
閲覧者が見た目を変えたいからユーザCSSを使用するケースを丸っと無視するクソ管理人
53Name_Not_Found:2006/08/25(金) 01:07:06 ID:???
>>52
そこまでしたけりゃ自分で好きなサイト作ればあ?

っていつも思う。
製作者が把握できない範囲でサイトの見た目変えといて
それに対応しろってのはただのDQN意見。
54Name_Not_Found:2006/08/25(金) 11:38:13 ID:???
>>53
あほか、把握できない範囲のはずないだろ。
HTMLを変えられるわけじゃないんだから、「意味という構造」は変えられない。
大体完全な見た目だけの話ならレガシーな作りをしたってその見かけはブラウザに依存するものであって
管理人の把握できるものではない。
55Name_Not_Found:2006/09/19(火) 17:10:14 ID:???
どんなサイトを作るかによるよな。
ある程度シンプルな構成で良いならcssだけでも十分かも。

でもねー
cssだけで組まれたサイトってSafariなんかで見ると崩れまくるのよ。
あり得ないぐらい。

だから俺は多少でも込み入ったデザインで作るなら大枠はTableで作るね。
その中身、テキスト類のコントロールはcss。

cssマンセーな奴に限ってTableでデザインする事の矛盾を説きたがるが、
cssだけで作られたある程度込み入ったデザインのサイト見りゃ、
なんだぁこれ??ってな矛盾だらけ。。

右の指定が左に来てるとか朝飯前。
現段階ではまだTabeleの方が理にかなってる気さえする。

てか一番の問題はIEでのTable実装の糞加減。
陰謀だよ陰謀。
56Name_Not_Found:2006/12/31(日) 22:38:52 ID:+LINsdzR
テーブルとCSS両方
57Name_Not_Found:2006/12/31(日) 22:40:09 ID:+LINsdzR
デザイン Photoshop
デザインの補助 CSS
テーブル 骨格
58Name_Not_Found:2007/01/01(月) 00:08:20 ID:???
cssのみ。表にはテーブル使っている。
59Name_Not_Found:2007/01/01(月) 00:16:47 ID:7+4mCops
とりあえずあけました。おめでとん
60Name_Not_Found:2007/01/02(火) 10:58:21 ID:???
>>55
IEを元にCSSで組むとSafariじゃなくても崩れてる。
Fxを元に正しくCSSで組むとSafariでも崩れない。
単に知識の問題。
61Name_Not_Found:2007/01/03(水) 01:09:45 ID:???
知識不足を棚にあげて「CSSは崩れる」と騒ぎ立てる低脳はいつまでたっても低脳のまま。
WEBの仕事してるなら向いてないから他の仕事してろ。
趣味なら勝手にすりゃいいけどな。
62Name_Not_Found:2007/01/03(水) 14:21:24 ID:???
>>61
いや、CSSだけだとサイトのコンテンツ配置の自由度が極端に低下するんだよ。
たとえば「中央に文書(サイズ指定不可能なコンテンツ)、左右に横幅サイズ指定のサイドバー」といったサイトは、TABLEを使うしかない。
CSSでは、右側にサイズ指定の領域を配置できないからね。

まぁ、この辺は適当にデザイン変えれば良い個人の趣味サイトでは問題にならないんだろうけど。
プロにとっては致命的。
63Name_Not_Found:2007/01/03(水) 16:23:32 ID:???
>CSSでは、右側にサイズ指定の領域を配置できないからね。
まぁ、なんだ。
黙って黙っとけ。
64Name_Not_Found:2007/01/03(水) 17:34:19 ID:???
>>63
サイズ指定の両サイドバーをCSSのみでできるものならやってみろw
両サイドバーをCSSのみで実現すべく挑戦した椰子は多いが、誰も成功していない。
サイドバーとコンテンツのサイズを比率で指定、あるいは中央部も横幅固定なら、ブラウザ限定で可能だが、これでは一般的な「両サイドバー」にはならない(ブラウザのサイズ変えるとどっか行ってしまったり横幅が変わるサイドバーなんて問題外だからな)。
だから、TABLEはどうしても「必要」なんだよ。
個人の趣味ではない商用サイトではね。

まぁ、何も知らないで下手なあおりをいれてるつもりなんだろうがw
65Name_Not_Found:2007/01/03(水) 18:16:48 ID:???
そんなに固定したければPDFで作ればいいじゃない
66Name_Not_Found:2007/01/03(水) 18:19:16 ID:???
http://www.geocities.jp/multi_column/

ここに載っている方法じゃできないのですか?
67Name_Not_Found:2007/01/03(水) 18:33:44 ID:???
マジでできないような奴がプロなのか・・・最近多いな。
68Name_Not_Found:2007/01/03(水) 20:29:58 ID:???
>>67
いくらプロでも、できないものはできないぞw
まぁ、最近は何も知らずに「プロなのか」とか平気で書ける恥ずかしい素人未満の輩が増えて来たようだが。

>>66は「中央にコンテンツを配した両サイドバー付三列配列」にすらなってないしな。
両サイドバーの高さが違えば悲惨なことになるし、ラッパーも必須になってしまう。

で、TABLEを使えばはるかにすっきりと、そしてCSSではどうやっても崩れていたデザインも意図どおりに表現できるわけだ。
プロならTABLEを選ぶのは当然のこと。

趣味ではなく仕事でやる以上必要なのは、「CSSだけで作ったWebページ」ではなく「意図どおりに表示されるWebページ」なのだから。
69Name_Not_Found:2007/01/03(水) 20:51:05 ID:xWd0K7ET
というか、>>66のやり方って構造無茶苦茶、典型的な「力技」だし、ブラウザ依存も激しそうだなぁ。
ここまで「意味」を無視した「汚い」やり方なら、CSSにこだわる意味はもはやないだろ。
表示結果も余計な領域がはさまれたりしてなんか違うし。

サイドバーのような表示領域の分割に関しては、現状ではTABLEを使う方が現実的で確実、かつスマートなんだろうね。
70Name_Not_Found:2007/01/03(水) 20:57:45 ID:???
>>69

なるほど。参考になります。

質問なのですが、将来的にcssだけで綺麗な3カラムレイアウトを組む事は可能になると思いますか?
推測でもかまいません。
71Name_Not_Found:2007/01/03(水) 21:29:47 ID:MGe58Gfg
みんなマジで「できない」って話してるんじゃないよね?
72Name_Not_Found:2007/01/03(水) 22:22:01 ID:k50duOg8
>>71
<div id="l" style="width : 150px;float : left;background : #00ffff">
左側バー
</div>
<div id="c" style="float : left;background : #ffff00">
中央コンテンツ部分
</div>
<div id="r" style="width : 150px;background : #ff00ff;float : right">
右側バー

まさか、こういうやつで「できる」って思っちゃっているわけじゃないよね?
73Name_Not_Found:2007/01/03(水) 23:01:07 ID:???
CSSの仕様がどんなに素晴らしくても、ブラウザがそれをちゃんとサポート
出来ていなければ宝の持ち腐れだ。

現状は、(制作者から見て)CSSの仕様は満足できるほど素晴らしくはない
と思うし、しっかりサポートしているブラウザはごく少ない。
しかも使えないサポートをしているブラウザはシェア率がとても高い。

私はこれを仕事としていないから(つまり情報の共有が目的)、仕様に従っているだけだ。
これを仕事としている人は、ある程度無理な要求に応えるために仕様に違反したいこともあるのだ。
そうじゃないと仕事にならんのだから(ウェブデザイナが仕事としてどうなのかは別の問題だが)。

クライアントだって「お金払うんだからきちんと表示されたい」と思うし。
この問題を解決するには、クライアントとウェブデザイナ側がきちんとCSS(というよりはWWWの本来の目的)
について理解することだね。
それにはとてつもない時間がかかるとは思うが……。
74Name_Not_Found:2007/01/04(木) 09:47:49 ID:???
floatを本来の使い方で使ってない奴がおおいな・・・
75Name_Not_Found:2007/01/05(金) 16:51:17 ID:puLjU/Zc
本来何に使うんだっけ
76Name_Not_Found:2007/01/05(金) 17:20:41 ID:???
想定は極小さなものだな、昔のimgのalign属性のような。
ブロックで段組なんてやるならabsolute使っとけ。
77Name_Not_Found:2007/01/09(火) 16:37:55 ID:???
>>74
もうちょっと柔軟な考え方すれば
htmlもCSSも、もっと自由に利用するものだと思う
78Name_Not_Found:2007/01/09(火) 21:32:51 ID:???
自由に使うこと=文法を守らないこと
ではないんだがな。
79Name_Not_Found:2007/01/15(月) 23:26:25 ID:???
cssちょっとだけやってみたけど結構便利だなあ。覚えるのが大変そうだけど
表はテーブルの方が楽だけど
80Name_Not_Found:2007/01/16(火) 11:14:06 ID:???
表はソフトで簡単に作れるから楽
81Name_Not_Found:2007/01/16(火) 13:31:34 ID:???
>>79
表のためのtable要素なんだから、
表はテーブルでやりなさい。
82Name_Not_Found:2007/02/06(火) 02:06:42 ID:???
ハック使うのも、ブラウザごとに考えないかんし、
実際のとこ、大衆向けとなると、使い方の制限は変わってない。
CSSは昔からあったのにもかかわらず、今だからなぁ。。

CSSのみとなると、ビジターを絞ったサイトになるよ。

表もCSSは、辞めようよ。。。
CSSをオフにしたときの見え方とか考えたら、
tableで組んでれば、そのままの表になるのに、変になっちゃうよw
83Name_Not_Found:2007/02/06(火) 22:00:38 ID:???
表をCSSでやるのはバカだが
CSSのみのデザインはCSSが古い環境では適用されないだけだからそちらの方が良い。
84Name_Not_Found:2007/02/07(水) 00:07:19 ID:???
>>76
positionが好きになれない。。。
非常に便利だけど、なんか、ブラウザの見栄えがFloatよりひどいような・・・
おれの、組み方も悪いんだろうなぁ。。。
85Name_Not_Found:2007/02/07(水) 20:39:52 ID:???
バカとpositionは使いよう
86Name_Not_Found:2007/03/15(木) 21:48:10 ID:mPacRrUT
contentsのなかにrightとleftのボックスをフロートで配置したんだけど
contentsのボックスが伸びないんですが・・・leftやrightがcontentsボックスを
ぶち破ってしまうのですが、どうすれば下に伸びるでしょうか?
87Name_Not_Found:2007/03/16(金) 00:24:48 ID:???
.contents:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden; }

.contents {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.contents {display: block;}
/* End hide from IE-mac */
88Name_Not_Found:2007/03/16(金) 03:02:23 ID:+Jxqfsfv
>>86
超初心者スレの方にレスしといた
89Name_Not_Found:2007/03/18(日) 18:58:19 ID:VZIpIFqO
ここで言う「表」って具体的に何を指すのでしょうか。
90Name_Not_Found:2007/03/18(日) 19:56:23 ID:???
>>89
日本語でおk
91Name_Not_Found:2007/03/18(日) 22:35:41 ID:???
>>90
What language do you speak about 'おk'?

If you can speak Japanese, speak in Japanese and
you will be happy!
92Name_Not_Found:2007/03/18(日) 23:15:28 ID:???
フレーム上左右に入れ子のテーブルを<br>で離してますが。
93Name_Not_Found:2007/03/19(月) 00:17:47 ID:tLS3U3RR
>>89
90じゃないけど「ここ」ってなによ
ウェブページのレイアウトは表ではないことくらいわかるよね坊や

あと無理に英語使わなくてもいいよ
94Name_Not_Found:2007/03/19(月) 00:19:58 ID:???
>>89
国語辞典なりなんなりで表の定義でも調べろやボケ
95Name_Not_Found:2007/03/19(月) 00:22:56 ID:???
ゆとり教育世代は、懇切丁寧に表の具体例を列挙してもらわないと理解できないぐらい頭が悪いのか?
96Name_Not_Found:2007/03/19(月) 00:27:02 ID:tLS3U3RR
今、ふと思った

もしかしたら
おもて。。。


いやいや、そうに違いない。
97Name_Not_Found:2007/03/19(月) 01:40:16 ID:???
  三|三
  イ `<             ,..-──- 、         _|_
   ̄             /. : : : : : : : : : \        |_ ヽ
   ∧           /.: : : : : : : : : : : : : : ヽ      (j  )
   /  \        ,!::: : : :,-…-…-ミ: : : : :',
              {:: : : : :i '⌒'  '⌒' i: : : : :}     _ヽ_∠
  └┼┘          {:: : : : | ェェ  ェェ |: : : : :}       lニl l |
.   |_|_|  , 、      { : : : :|   ,.、   |:: : : :;!      l─| l 亅
   __   ヽ ヽ.  _ .ヾ: :: :i r‐-ニ-┐ | : : :ノ        _
    /     }  >'´.-!、 ゞイ! ヽ 二゙ノ イゞ‐′      l  `ヽ
   エ⌒)    |    −!   \` ー一'´丿 \       l/⌒ヽ
    -'    ノ    ,二!\   \___/   /`丶、      _ノ
        /\  /    \   /~ト、   /    l \
       / 、 `ソ!      \/l::::|ハ/     l-7 _ヽ
      /\  ,へi    ⊂ニ''ー-ゝ_`ヽ、    |_厂 _゙:、
      ∧   ̄ ,ト|    >‐- ̄`    \.  | .r'´  ヽ、
     ,ヘ \_,. ' | |    丁二_     7\、|イ _/ ̄ \
     i   \   ハ       |::::|`''ー-、,_/  /\_  _/⌒ヽ
98Name_Not_Found:2007/03/19(月) 01:56:41 ID:???
むしろ表もCSSで再現するのが真のストリクター
99Name_Not_Found:2007/03/19(月) 02:10:00 ID:???
ただの自己満足じゃねぇかw
100Name_Not_Found:2007/03/19(月) 05:38:42 ID:???
テーブルで以下のように区切りたい場合どうすればいいんでしょうか。
------------------------
| A | |
|----------| C |
| B | |
------------------------
101Name_Not_Found:2007/03/19(月) 05:40:46 ID:???
すいません。スペースがうまく反映されませんでした。
これでいいかな・・・
------------------------
| A       |        | 
|-----------| C      |
| B       |        |
------------------------
102Name_Not_Found:2007/03/19(月) 06:15:42 ID:eXRNpbD4
すみません。89ですが、「このスレで話題になっている表という言葉が、
具体的にどのような内容のものを指す」のかわからなかったもので…
例えば新着情報は表として扱っていいのか、入力フォームは表なのか
どこからどこまでが「表」なのか曖昧に感じたので馬鹿な質問してしまいました。
申し訳ございませんでした。
103Name_Not_Found:2007/03/19(月) 21:05:02 ID:???
>>101
<table>
<tr>
<td>A</td>
<td rowspan="2">C</td>
</tr>
<tr>
<td>B</td>
</tr>
</table>

>>102
スレタイ見ろ
104Name_Not_Found:2007/03/19(月) 23:01:32 ID:???
>103
お前もスレタイ見ろ
スレ違いな質問はスルーしろよ
105Name_Not_Found:2007/03/19(月) 23:40:44 ID:???
う〜ん、涙でスレタイが見えない。
106Name_Not_Found:2007/03/22(木) 04:51:15 ID:cXtXHJzj
フロートの解除問題で

横幅設定するとかvisibility: hidden;で入れ子のぶちぬきを回避できるみたいだけど。
IEで確認するとちゃんと表示されるんだけど、dreamweaverで製作中の画面ではぶちぬけた
ままになるんだけど、こんな見にくい状態でつくっていかないといけないもんなの?

制作画面でもちゃんと親の中に子が納まるようにみれないのかな・・・・
107Name_Not_Found:2007/03/22(木) 06:32:53 ID:NXgz/irG
ホームページ制作王は、世界の権威COMDEXが認めた唯一の標準アプリケーションである。
ホームページ制作王のみが標準であり、それ以外のソフトは全て非標準のイカサマソフトである。

ここ2chには、>>106のように、非標準ソフトを平然と使い続ける恥知らずが大量に存在する。
彼らは、世界標準ホームページ制作王の普及を恐れるイカサマ販売業者が派遣した工作員の、
ホームページ制作王に対する根も葉もない風評を盲信してしまった哀れな人間である。

>>106
世界標準ホームページ制作王を使えば、悩むまでもなく、ワンタッチにて解決する。
ホームページ制作王は、あなたのWebを人類の英知の限界まで誘ってくれるのだ。
108Name_Not_Found:2007/03/22(木) 07:48:20 ID:???
>>106
それが正しい仕様。
浮動ってのはそういうものなのに
勝手に親ボックスが拡張されたら逆に迷惑。
109Name_Not_Found:2007/03/22(木) 15:13:41 ID:???
なんとかCSSで形になるぐらいまでできた・・・が、フレームでつくるより数倍の時間がかかった・・・orz
110Name_Not_Found:2007/03/27(火) 07:17:41 ID:???
スマン愚痴を吐かせてくれ。
脱テーブルレイアウトを目指して漸く形になったと思って
近しい人に見てもらったら、何かもの凄い冷たい反応。
なぜなのかと思ったらIE6で見るとレイアウト崩壊。
IE7とFFで組んでたから気がつかなかった……orz
で、何とか再調整してみるもどうしてもIE6だとずれる。

俺はIE7が普及するまでCSSレイアウトなんかやらねえノД`)・゚・。
111Name_Not_Found:2007/03/27(火) 08:52:30 ID:???
>>110
WindowsXP以上しか入れられないブラウザなんだから、
90%以上になるには5年以上かかるでそ。
2000以下のOSがどれだけ多いと思ってるんだ。
112Name_Not_Found:2007/03/27(火) 21:55:59 ID:???
IEユーザーなんか、放置
あんなものを使ってる奴は、世の秩序への破壊工作に加担してるも同然
見たければ、FireFoxでもOperaでも用意しやがれボケ
化石みたいなOS使ってる分際で、今時のサイトが見れると思うなよ
誰がお前のクソサイト見るかって? 願ったり叶ったりだ、とっとと失せろ




くらい書いちゃえよ、スッキリするよ
オレは、IE6用のCSS用意してあるよ( ´ω`)
113Name_Not_Found:2007/03/27(火) 22:07:23 ID:???
ていうか正しくapplication/xhtml+xmlにすると
自然とバカIEは見られないし、放置も何もない。
114Name_Not_Found:2007/04/23(月) 07:51:32 ID:+iDY0RuM
pre要素で段落を実現することの意味を君は知っているか!
115Name_Not_Found:2007/04/23(月) 08:41:25 ID:???
意味なんかないよ
116Name_Not_Found:2007/11/12(月) 18:55:59 ID:???
某Web製作会社の初心者セミナーでは思いっきりテーブルレイアウトを教えてる。
何も知らずにそれを学んでいた俺達っていったい・・orz
117Name_Not_Found:2007/11/27(火) 11:34:26 ID:???
レイアウトはCSS
表を用いるとこはtableで
118Name_Not_Found:2007/11/27(火) 11:49:54 ID:???
tableで作りはじめる
  ↓
tableはもう古いDIVだ
  ↓
DIVに疲れてtableに戻ってきたよ  ←今ここ
119Name_Not_Found:2007/11/27(火) 11:53:16 ID:???
div厨乙
120ひかる ◆jhL2svJfjI :2007/11/27(火) 19:32:39 ID:KAcZp3Wz
小学生でもできる、CSSのマルチカラムレイアウト…
表は後から見たときにごちゃごちゃしていて、一覧性が低いから
あまり好きじゃないかな。

>>107 アイフォーさんは、ホームページ・ビルダー10の販売権を巡って
ソースネクストと訴訟問題に発展しましたよね。アイフォーさんもあまりの
使いにくさに諦めたんじゃないんですか??
121Name_Not_Found:2007/11/28(水) 00:10:29 ID:???
div厨とtableオッサン
122Name_Not_Found:2007/11/28(水) 00:59:02 ID:???
普通はこうだろ

tableで作りはじめる
  ↓
tableはもう古いDIVだ
  ↓
DIVより正しいマークアップだ
123Name_Not_Found:2007/11/28(水) 23:42:04 ID:???
tableなんて使ったこと無い
124Name_Not_Found:2007/12/19(水) 12:36:53 ID:???
表にはテーブルを使え
125Name_Not_Found:2008/01/07(月) 21:16:21 ID:aL/+4SYZ
もうCSS算数が苦手な僕は無理
126Name_Not_Found:2008/01/07(月) 23:29:44 ID:???
今のCSSにレイアウトの柔軟性があるならCSS Grid Positioningなんて出てこないよね(ノ)・ω・(ヾ)
127Name_Not_Found:2008/01/08(火) 01:56:38 ID:???
バカなことしたい奴はどこにでもいるから
それがあたりまえだったら今度はJSもどきCSSとか色々出てくるよ
128Name_Not_Found:2008/11/08(土) 07:50:29 ID:jetYVehW
テーブルにテーブル入れまくってごちゃごちゃになってたからCSSに挑戦したけど
divタグでコンテナた同じぐらい使ってたら全く意味がない?
129Name_Not_Found:2008/11/08(土) 11:22:43 ID:???
しかし何をとち狂ったのか
ソニーがFLASHを廃止して、Ajax+CSSベースに切り替えていくんでしょ?

AjaxでいろいろとやろうとするとどうしてもCSSベースで作っていかないといけない気がする

そして世の中の商用サイトはまだまだテーブルのサイトが沢山ある...

結局仕事だと納期優先だからな
IE6対応なんてやってられっか、って感じでテーブルになるのかね
130Name_Not_Found:2008/11/10(月) 16:58:04 ID:YQp8PMPR
http://samurai3.net/doujinshi/doujinshi.html
ここのお奨め萌えグッズみたいな表?はCSSよりtable使った方がいいですかね?
131Name_Not_Found:2008/11/13(木) 05:03:58 ID:???
携帯とかPDAがCSSに対応してないの多いから
テーブルで未だにゴリゴリ書いてる…
132Name_Not_Found:2008/11/16(日) 01:40:30 ID:???
むしろケータイPDAでテーブルを使うようなレイアウト自体が迷惑というか見切れるというか
133Name_Not_Found:2008/11/17(月) 01:24:58 ID:???
携帯関連は全然わからないのだけど、
携帯のブラウザーってCSS結構使えるのか?
(特に最近のだと)

PDA..最近じゃPDA自体ほとんど見かけないような 
linuxザウルスとかまだあるの?
134Name_Not_Found:2008/11/17(月) 02:28:14 ID:???
ケータイはDoCoMo以外CSSおK
PDAはスマートフォンとして人気再沸騰中
135Name_Not_Found:2008/11/18(火) 19:30:45 ID:PVehGe3K
すみません、私も質問させて下さい

________________
| A | | C |
| | | |
|-----| E |------|
| | | |
| B | | D |
------------------

↑このようにテーブルを5つに分けたいのですが、
上手く行きません
タグを教えて頂けないでしょうか…
お願いします
136Name_Not_Found:2008/11/18(火) 20:18:25 ID:???
>>135
その図ではわからなすぎるw
137Name_Not_Found:2008/11/18(火) 20:33:13 ID:???
>>135
<table><tr>
<td>A</td>
<td rowspan="2">E</td>
<td>C</td>
</tr><tr>
<td>B</td>
<td>D</td>
</tr></table>
138Name_Not_Found:2008/11/18(火) 20:39:33 ID:???
<table>
<tr>
<td>A</td>
<td> </td>
<td>C</td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td rowspan="2"> </td>
</tr>
<tr>

<td rowspan="2">E</td>

</tr>
<tr>
<td rowspan="2"> </td>

<td rowspan="2"> </td>
</tr>
<tr>

<td> </td>

</tr>
<tr>
<td>B</td>
<td> </td>
<td>D</td>
</tr>
</table>
139Name_Not_Found:2008/11/18(火) 23:05:52 ID:???
>>135
ここはそういう質問スレじゃないっての
上野と全然意味が違うことぐらい気付け厨房
140Name_Not_Found:2008/11/18(火) 23:22:16 ID:PVehGe3K
>>137さん
>>138さん
ありがとうございます!
作れました
141Name_Not_Found:2008/11/24(月) 12:34:49 ID:PabZ5MJx
>>140
日本語通じないの?
142Name_Not_Found:2008/11/24(月) 17:49:12 ID:???
基本CSSのみ、IEとFirefoxでわけわからん違いが出たら
とりあえず、tableにぶちこむ。
143Name_Not_Found:2008/11/24(月) 20:33:28 ID:???
意味ないな
144Name_Not_Found:2008/11/25(火) 21:41:55 ID:???
ieとfirefoxでのズレを直すのに3時間ぐらい格闘してると
俺、何やってんだろうって気になる。
145Name_Not_Found:2008/11/25(火) 22:17:55 ID:???
>>144
それは純粋にスキルレベルを上げろとしか言いようがない・・・
146Name_Not_Found:2008/11/27(木) 14:51:54 ID:???
>>144
MozillaやOperaでデザインして、
後でInternet Explorerの条件分岐コメントでIE向けのCSSを書くとラクチン。
147Name_Not_Found:2008/11/27(木) 21:50:53 ID:???
>>146
おおお、条件分岐コメントなんて独自機能があったとは目から鱗です。
148Name_Not_Found:2008/11/28(金) 18:18:23 ID:???
>>147
IE6/7/8でそれぞれ別のスタイルシート使えたりもするから非常に便利よ
149CSS初心者:2008/12/08(月) 23:54:41 ID:???
その@(改行が多すぎると弾かれてしまう為)

なぜか次のCSSでテーブルの外枠に何も線(+色)が描画されません。
一体なぜでしょうか?

【HTML】
<table class="table_class">
<tr>
<td class="AAA">
A
</td>
<td class="AAA_2">
B
</td>
</tr>
</table>
150CSS初心者:2008/12/08(月) 23:55:26 ID:???
そのA(改行が多すぎると弾かれてしまう為)

【CSS】
table.table_class
{
border-width:2px;
border-color:red;
}
td.AAA
{
width: 200px;
height: 17px;
text-align: left;
border: 2px blue solid;
}
td.AAA_2
{
width: 400px;
height: 17px;
border: 2px blue solid;
}
151Name_Not_Found:2008/12/09(火) 00:20:45 ID:???
>>150
書き方間違ってるよ
152150:2008/12/09(火) 00:41:40 ID:???
>>151
どこでしょうか?
ご指摘願います。
153Name_Not_Found:2008/12/09(火) 03:35:23 ID:???
>>150
table.table_classにborder-styleが指定されていない。
heightを指定する意味が分からない。
154Name_Not_Found:2008/12/09(火) 03:43:27 ID:???
うんこ
155Name_Not_Found:2008/12/09(火) 03:45:47 ID:???
>>150
table.table_class {
border: 2px solid red;
}
table.table_class td {
border: 2px solid blue;
height: 17px;
}
table.table_class td.AAA {
width: 200px;
text-align: left;
}
table.table_class td.AAA_2 {
width: 400px;
}
156150:2008/12/09(火) 08:59:18 ID:???
>>153
>>155

ありがとうございます!!
助かりました!!
157Name_Not_Found:2008/12/09(火) 13:30:41 ID:???
テーブルというか表の中の
一セルだけ、囲み線の色を変えたいのですが
出来ますか?

□□□□
□□□□
□□□□

ていう表があったら左から三番目上から二番目の□
だけ色を変える事。背景じゃなくて、□の色を。
158Name_Not_Found:2008/12/09(火) 20:37:59 ID:???
ここは質問スレじゃねーっての!
159Name_Not_Found:2008/12/09(火) 22:06:13 ID:???
答えてくれる人がいれば
別にいいじゃないですか
160Name_Not_Found:2008/12/09(火) 22:10:09 ID:???
ここはCSSとtableのどっちのレイアウトで組むか
ってスレなんで
tableの装飾については完全にスレ違いです
161Name_Not_Found:2008/12/09(火) 22:18:22 ID:???
なんでそうえらそうに言ってるわけ?
完全にとか なんとか。
自分の持ち物じゃないでしょう
いろんな人が使っているわけじゃないですか
質問したり答えたりする行為があったら
どうしてそんなにいけないんですか
162Name_Not_Found:2008/12/09(火) 22:21:55 ID:???
>>160じゃないけど、なんで逆切れ?
質問は質問スレに行けばいいじゃん
いちいち逆切れしてたらたとえ質問スレでも誰も答えてくれないよ
163Name_Not_Found:2008/12/09(火) 22:28:39 ID:???
あ ごめん 質問スレってあったんだ
いってくるね 
164Name_Not_Found:2008/12/09(火) 22:37:52 ID:???
>>161
えらそうなのは答えてもらう立場なのにえらそうなおまえの方だボケ
165サガット:2008/12/15(月) 00:05:35 ID:???
CSSについての質問があります。
外部CSSファイルにこれまではタグ内で
<div class="hogehoge">aiueo</div>
と定義した物については、CSS内で

.hogehoge
{   /* ここに定義*/ }

と記述していたのですが、
<div id="hogehoge">aiueo</div>
とidで定義をした場合にはCSSファイルに「#」をつけて記述する、という認識で正しいでしょうか?
(学習用に人の作成したWEBページのCSSを拝見したところそんな感じがしました。

#hogehoge
{   /* ここに定義*/ }
166Name_Not_Found:2008/12/15(月) 00:12:44 ID:???
167Name_Not_Found:2010/10/09(土) 07:00:12 ID:???
CSS難しいな。
一生懸命作っても別の環境だとレイアウトが笑うくらい崩れまくる・・・
168Name_Not_Found
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね