htmlのレイアウト崩れについて

最初はアクセスカウンタとrtガジェットについてのポストから、htmlの画像描画順序によってレイアウトが崩れてしまうのが煩わしい的なポストからのやりとり。 編集 by @hitoyozake(ほぼそのまま)
0
みこと @hitoyozake

面白かったのでRTしたw。なるほどそういう視点だったのか

2011-03-04 04:36:54
進藤こだま @kodam

えww さっき描画順でズレてるって言ってたじゃん。QT @hitoyozake: @kodam 描画順を変える必要はありませんし、画像の容量を減らす必要もありません。画像の大きさを先にコードに入れておけば透明の四角で領域確保されたはずです

2011-03-04 04:37:43
みこと @hitoyozake

@kodam 対策がされていないとずれますよ

2011-03-04 04:38:21
みこと @hitoyozake

対策というか、htmlじゃないコードなのかな?普通の画像描画でも確保されていたような・・・?

2011-03-04 04:39:08
みこと @hitoyozake

あの左上にぺけマークが出てるタイプがそうだったっけ?でもあれはただの読み込みミスようの画像だったような気がするから独立なものか

2011-03-04 04:42:11
進藤こだま @kodam

今までの流れ。 A「画像の描画順でHTMLが崩れる」 僕「そんな事はない」 A「画像の描画順でHTMLが崩れる」 僕「そんな事はない」 A「画像の描画順でHTMLが崩れる」 僕「そんな事はない」 A「画像の描画順でHTMLが崩れる」 僕「そんな事はない」

2011-03-04 04:42:17
みこと @hitoyozake

htmlのコードじゃなくて表示なんだけれどねー。ずれるページを見せたのにアレじゃあだめなの?

2011-03-04 04:43:55
進藤こだま @kodam

表示領域を確保する対策することは必要だけど、表示順番を考慮する対策は要らない

2011-03-04 04:44:01
みこと @hitoyozake

表示順番を考慮する必要は無い、そのとおりですよ

2011-03-04 04:44:52
進藤こだま @kodam

あれ?最初の方の発言で、「先に描画領域を確保する。」「重いコンテンツを上の方に持ってこない」などの順番を考慮しろというような発言してたけど、考え変わったの? QT @hitoyozake: 表示順番を考慮する必要は無い、そのとおりですよ

2011-03-04 04:47:11
みこと @hitoyozake

しまった・・・・そことつながってたかw。対策コードがしかれていれば"画像の"表示順番は考慮擦る必要はない ( 続く

2011-03-04 04:48:25
みこと @hitoyozake

で、アクセスカウンタ等の重いコンテンツ(鯖の調子が悪いと後ろのが読み込めないもの)は後ろのほうにあると良い

2011-03-04 04:49:12
みこと @hitoyozake

何が言いたいかというと、読み込み途中であろうとhtmlが読み込まれたらレイアウトが乱れずに文字部分だけでも読み込めるような状態になれば良い、ということ。画像何かは領域確保していないと回線・鯖の調子でずれるのでやっかい、と。アクセスカウンタも鯖・回線で然り

2011-03-04 04:50:58
みこと @hitoyozake

アクセスカウンタはずれるんじゃなくて止まる感じだけどね

2011-03-04 04:51:14
みこと @hitoyozake

そのまとめ、0.5s以上なら気にする必要があるから、瞬間的ではなく、一時的にずれるんじゃないのw?

2011-03-04 04:56:31
みこと @hitoyozake

気にしなくていいのnotは気にしても良い、だから違うね

2011-03-04 04:57:35
進藤こだま @kodam

突っ込みどころ多くて疲れたけど、最後にJavaScriptはクライアント処理でサーバーで処理してないよとだけ言っておく

2011-03-04 04:58:16
みこと @hitoyozake

まぁ、そんなささいなことは置いておいてー

2011-03-04 04:58:28
進藤こだま @kodam

てか、0,5秒とか完全に回線の遅延でしょ

2011-03-04 04:58:54
みこと @hitoyozake

javascriptはクライアント側処理です

2011-03-04 04:58:57
みこと @hitoyozake

0.5秒はおそらく回線の遅延です

2011-03-04 04:59:19
進藤こだま @kodam

サーバーの処理なんて1ms以下で終わる

2011-03-04 04:59:21
みこと @hitoyozake

描画でページのレイアウトはずれます(おそらく回線の遅延)。それにはある程度対策は可能です

2011-03-04 05:01:37