テーブルが、一旦横に大きく広がってから、表示される現象。

質問

全体をtableタグでデザインして、サイト作成しています。

アップロードしたページをブラウザから見ると、
特定のページ（トップ）だけが、読み込み中に一瞬、
画面いっぱいにテーブルの横幅が広がってしまいます。
その後、ページ内ののパーツ（画像やカウンターなど）が
全て表示されると、きちっと設定した幅（700px）におさまります。

最終的には設定した通りに表示されるので、
仕方ないのなら、まあ構わないのですが、、、
なぜ特定のページだけがこうなってしまうのでしょうか？
そのページには、画像とテキストのほか、
アクセス解析、カウンターを設置しています。

tableタグばかりでサイトを作成するのが、
オススメできない方法であることは一応知っています。
が、軽いサイトですし、個人のちょっとしたもんなので、
作り方は今のままで続けたいなと思ってます。
もし、問題点の指摘や改善のアドバイスがありましたら、お願いします。

回答No.1

nekoteru77 · ベストアンサー

ブラウザーがソースを読みながら画面を作っていきますので
テーブルタグの綴じタグを読み終えないことには、親テーブルの
幅を認識できないために質問の内容の症状が起きていると思いますよ。

解決策としては、大きなテーブルでひとくくりにしないで、
上部に700px幅の高さが低い独立したテーブルを用意し、まず
そのテーブルで表示をさせ、下にやや大きめのソースを持ってくると
改善されると思います。

質問にもありますが、CSSでの記述へ徐々にシフトされると軽く動作するページが作れますよ。ご検討下さい。

お礼

なるほど・・！
たしかに、サイト内ではそのページが一番情報量が多いです。
読み込みが終わるのに時間がかかるから起きる現象だったんですね。
解決策ともに解りやすく説明してくださって、ありがとうございました。
CSSにも興味はあるので、少しずつ試してみます！