上下に分割したフレーム内の表を中央に揃えたい

質問

こんにちは。
今、ホームページ作成中で、つまづいています。
やりたいことはEXCELデータベースのように見出しを
固定して、レコード部分のみをスクロールできるようにしたいと思っています。
htmlでこれを実現する為に
上下にフレームを分割して上ページに見出し、下ページに
レコードを表示させようと、表を作成しました。
この表がうまくいかず、左寄せだと上下がきれいに揃うのですが、
中央に位置を移動すると微妙にずれてしまいます。
どうしても中央に表をもってきたいのですが、
何が原因でずれるのかがわかりません。
環境はOS:98/XP、IE6です。
下ページのトップマージン0、フレームの境界線0に
しています。原因をご存知の方、どなたか教えてください。
よろしくお願いします。

回答No.3

kuro_chan · ベストアンサー

m_fさん、こんにちは。

「左寄せにすると、左右がきちんとあうのに、中央寄せにすると、微妙にずれる…」

質問内容から察するにタグの間違いではないようです。（絶対とはいえませんが）
理由は、中央寄せにした場合、下のフレームの右端に「スクロールバー」が出ていませんか？　この分がずれを生んでいるのです。

上フレームのテーブル幅と下フレームのテーブル幅が同じに作成しているとき、

Ａ．左寄せの場合では、下フレームの右端にスクロールバーが出ても、右端から、テーブル幅分の長さで表示されるので、ずれはおこりません。

Ｂ．左寄せの場合でも下フレームにスクロールが出ない位の短いページでは、下フレームの右端にスクロールバーが出ても、ページ幅が上と下では同じなので、ずれはおこりません。

Ｃ．左寄せの場合でも下フレームにスクロールが出る位の長いページでは、下フレームの右端にスクロールバーが出ると、ページ幅が上と下では同じではないので（上フレームのページ幅より、下フレームのページ幅の方がスクロールの10ピクセル位かな？ページ幅が短くなるので）、ほんのすこしのずれがおこります。

意味わかりますか？

これは仕方のないことです。防ぎようがありません。大手のサイトでもフレームを分けてると、こういうことが多々あります。気にしないことが良いと思います。
気になるのであれば、上フレームの方の幅や右マージンを少し変更して（スクロール分を）そろえるとかしても良いのでは。（でも、らうざによって多少違うので、正確には直せません）でも、あまり、そこまでしないと思いますよ、普通は。

お礼

こんにちは。
そういうことだったのですね。これでスッキリしました。
上下全く同じタグなのになぜ？？とずっと頭を悩ませていました。タグを確認したら、上ページのスクロールをなしに設定していて、下をAUTOにしていたので、その分のずれがあったみたいです。
解決できてよかったです。ありがとうございました。

回答No.2

siteuma

#1さんも書かれていますが、幅を％指定にしている場合、
きれいに割り切れない値を指定すると微妙にずれてしまいます。
％ではなく数値を指定したほうがずれにくいです。
もし、ウィンドウのリサイズで表の大きさも動かしたいなら、
きれいに割り切れる値で％指定するしかないですが。

また、IEでは英数字でセルに収まりきらない場合、
勝手にセル幅が横に伸びてしまいます。
スタイルシートでword-break:break-all と指定することで、
指定セル幅の範囲で改行されます。
（但し、この指定はIEでのみ有効です）

以上、ご参考までに。

お礼

こんにちは。ご回答ありがとうございました。
質問が伝わりにくくてごめんなさい。
何とか解決しました。スタイルシート：word-break:break-all も試してみようと思います。

回答No.1

canaanium

こんにちは。
> 左寄せだと上下がきれいに揃うのですが、中央に位置を移動すると微妙にずれてしまいます。

ちょっとわかりにくかったのですが『上下が揃う』というのは『上下の表の左右（幅）が揃う』ということでよろしいでしょうか？誤解していたらすみません。

表というのはテーブルで作っていますよね？
まず、上下のフレームそれぞれに同じ幅の透明枠のテーブルを中央寄せで作ります。
大きさは本来のテーブルより少し大きいくらい。
そのテーブルの中に本来のテーブルを左寄せで入れます。
これで上下のテーブルが中央寄せになって、なおかつぴたりと揃うはず。

なおずれる原因ですが、テーブルの幅と中のセルの幅がきちんとあっていないとずれるとか、聞いたことがあるのですが。
（例えばセルが３つ必要として全てを同じ幅にしたい場合、幅300ピクセルのテーブルにそれぞれのセルの幅が100、100、100なら大丈夫だが、33%で3等分しようとしても駄目、とか幅400ピクセルなら130、130、140なら大丈夫だが3で割り切れないのできっちり3等分は無理、とか…そんな感じだと聞いたのですが…わかりにくい説明ですみません）

私としては、やはりそれはどうしてもずれるものなのだと諦めております。
まったく幅の同じテーブルをならべても、中に記入する文字数やイメージによっても幅が変わってしまう…というのが私の経験上の考えです。
また、自分の環境ではぴったりきれいに揃っている！と満足していても、見る人のパソコンの解像度、ブラウザなどによって思いっきりずれていたりする場合がありますので…。

満足のいくお答えではないかもしれませんが、テーブルの中にテーブル、よろしかったらやってみてください。

お礼

こんにちは。ご回答ありがとうございました。
質問がわかりにくくて、ごめんなさい。
無事、解決です。いろいろアドバイスありがとうございました。