Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#1 2004-01-15 15:00:03

はっち
メンバー
From: 岩手
登録日: 2003-11-19
投稿: 251

Re: スキンについて素朴な疑問。

やっぱりテーブルの多用でしょうか。
2カラムは崩れるところは少ないですが、
3カラムはCSSの関係で右端の部分が下にきたりするんですよね。
大きなテーブルの中に小さなテーブルをいれたスキンを使えば崩れないかなと思い
今、試行錯誤って言うか、四苦八苦中です。 sad
テーブルだと表示が遅くなるとか聞いたことがあるんですよね。
やっぱり、

<div></div>

で、くくって

border: *px;

とかで線を設定したほうがいいんでしょうか。
うーーむ。悩んでます。
#すいません、只今講習中なのでうまく伝わらなさそうな文章書いてます。
#伝わっていればいいんですが・・。
http://bee328.net/blog/FC328.php
うちのサッカーサイトなんですが、NNで見ると思いっきり崩れます roll

オフライン

#2 2004-01-15 15:59:55

cat
Administrator
登録日: 2003-11-14
投稿: 291

Re: スキンについて素朴な疑問。

はっち さんの発言:

やっぱりテーブルの多用でしょうか。
2カラムは崩れるところは少ないですが、
3カラムはCSSの関係で右端の部分が下にきたりするんですよね。
大きなテーブルの中に小さなテーブルをいれたスキンを使えば崩れないかなと思い
今、試行錯誤って言うか、四苦八苦中です。 sad

僕はCSSでのデザインが大好きですが、テーブルを使ったデザインもいいと思いますよ。3カラムで崩れたくない!っていうならテーブルしかないようにも思います。CSSでのデザインは多少崩れてもいいかなーって思えないとつらいような印象があります。(CSSにものすごく詳しいわけじゃないので誤解かも…)

テーブルで表示が遅くなるのは有名ですよね。レンダリングエンジンにもよるのかもしれませんが(←よく調べてません)、全部読み込んでから表示するんじゃなかったかな…。
#今、僕はCSSでの読込不具合に直面してますが(笑)

W3Cの勧告通りに動くならCSSでデザインをわけたほうがいいのでしょうけど、個人のサイトなら自分が思う通りにやってしまって良いと思います!

はっちさんのサイト見させていただきました。最初に文字コードは合わせたほうがいいと思います。本体のcharsetがUTF-8だけど出力されている本文はeuc-jp、CSSファイルはShift_JISのようでしたので^^;

オフライン

#3 2004-01-15 19:34:45

はっち
メンバー
From: 岩手
登録日: 2003-11-19
投稿: 251

Re: スキンについて素朴な疑問。

mas さんの発言:

はっちさんのサイト見させていただきました。最初に文字コードは合わせたほうがいいと思います。本体のcharsetがUTF-8だけど出力されている本文はeuc-jp、CSSファイルはShift_JISのようでしたので^^;

そうなんですよ(笑)
デザイン考える前にしなくちゃいけないんですけどね。ふふ。
ここまで勢ぞろいさせて存続しているサイトはうちんトコだけでしょう。
・・・近日中に直します。いや、今夜?

オフライン

#4 2004-01-30 21:32:34

むらたけん
ゲストユーザー

Re: スキンについて素朴な疑問。

mas さんの発言:

テーブルで表示が遅くなるのは有名ですよね。レンダリングエンジンにもよるのかもしれませんが(←よく調べてません)、全部読み込んでから表示するんじゃなかったかな…。

Nucleusのことを調べていて、ここに辿り着きました。
Nucleusとは関係なく、しかも亀レスですが...。

テーブルは展開可能な段階で順次展開されます。

例えば、

[TABLE1][/TABLE1]
[TABLE2][/TABLE2]
...
[TABLEx][/TABLEx]

となっている場合、TABLE1は /TABLE1まで
読み込まれるとブラウザ上に展開され始めます。
(読み込みの途中でも展開が可能なため)

よって、テーブルでレイアウトする場合は、上から
細かく小分けにする方が表示が早くなります。

この書き方は初期の Yahoo!が使っていて有名でした。
(検索窓をテーブルで括って上の方に置き、真っ先に
表示させることで、下のディレクトリ表示が重くても、
検索がすぐに出来るようにしていた)

# 私のサイトはこんな形になっているので、
# もしよろしければリロードを繰り返して
# 展開の状況を見て下さい。スクロールバーを
# 見ていると、順次展開されていく様が観察出来ます。

---

[TABLE_PARENT]
[TABLE1][/TABLE1]
[TABLE2][/TABLE2]
...
[TABLEx][/TABLEx]
[/TABLE_PARENT]

上記のように、大きなテーブルで括ってしまうと、
TABLE_PARENTまでの読込が終わらないと(つまり
ファイル全体のロードが終わらないと)展開が開始
されません。

要するにテーブルのレイアウトが分かった段階で
展開が開始されるわけです。

---

とすると、blogのレイアウト(カラム制御)に
テーブルを使い、かつ表示速度を気にする場合は、
少しばかり工夫が必要になります。

[TABLE1] [ITEM1] [SIDE] [/TABLE1]
[TABLE2] [ITEM2] [/TABLE2]
...

こんな感じですか?

ご参考までに。

---
むらたけん
http://www.asahi-net.or.jp/~yy2k-mrt/

Board footer