- ベストアンサー
テーブルを移動させたくない
aaaaaaaaaaa―――――― aaaaaaaaaaa| テーブル | aaaaaaaaaaa|__________| aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa 上記の様にテキストの右上にテーブルを配置したいのですが、ウィンドウを横に伸ばすとテーブルだけ 一緒に横に移動してしまいます。 ウィンドウを横に伸ばしても上記レイアウトを 崩さない方法はありますか？ 別ウィンドウで開く訳ではないので、 ウィンドウサイズの固定はできません。 すみませんが解る方、回答お願い致します。
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
方法は色々ありますが、大きく分けて三つあります。 (1)テーブルの位置を絶対値で指定する。 (2)テキストとテーブルを一つのレイヤー上に置いて位置を固定する。 (3)テキストとテーブルをさらに大きなテーブルに入れる このうち、お勧めするのは(2)の方法です。 <div style="width:350px"> <table width="100px" height="100px" border="1" align="right"> <tr> <td> </td> </tr> </table> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> ああああああああああああああああああああ<br> あああああああああああああああああああああああああああああ<br> あああああああああああああああああああああああああああああ<br> </div> こんな感じでよろしいでしょうか？
その他の回答 (1)
- peron
- ベストアンサー率45% (43/95)
質問：ホームページのレイアウトが崩れないようにするには？ 質問No,No.910005 に同様の質問があります（私の回答そのままですいません） 仮にレイアウトの幅600とします <HEAD> <SCRIPT type="text/javascript"> <!-- function fc(){ if( document.getElementById ){ if( document.body.clientWidth ){ wb = document.body.clientWidth - 600; } else { wb = innerWidth -600; } if(wb > 0){ document.getElementById("Layer1").style.left = wb / 2; } } if( document.all ){ wb = document.body.clientWidth - 600; if(wb > 0){ document.all["Layer1"].style.pixelLeft = wb / 2; } } if( document.layers ){ wb = innerWidth -600; if(wb > 0){ document.layers["Layer1"].left = wb / 2; } } } //--> </SCRIPT> </HEAD> <BODY onLoad="fc()"> <DIV id="Layer1" style="position: absolute; width: 600px;"> 本文ＨＴＭＬ </DIV> </BODY> とすれば、幅600のコンテンツが画面の大きさにかかわらず中央に表示出来ます 幅を変更される時は、600の部分を目的の幅に変更してください 単純に <DIV id="Layer1" style="position: absolute; width: 600px;"> 本文ＨＴＭＬ </DIV> とレイヤーで作っても良いですが、デカイ画面で見た時に左に引っ付いてしまいますので、中央に持ってきました 尚、このスクリプトはＮＮ４（６、７、Mozillaを含む）、ＩＥ４以上で動作します
お礼
返事がおそくなり申し訳ありません。 参考になりました。 ありがとうございます。
お礼
返事が遅くなり申し訳ありません。 1.2.3と参考になりました。 最終的にオススメの通り2案にしました。 ありがとうございます。