Ｐａｇｅ 392 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ ＩＮＤＥＸ ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼位置ずれ。 B29 04/1/30(金) 21:10 ┗Re:位置ずれ。 ばあど 04/1/30(金) 21:35 ┗Re:位置ずれ。 B29 04/1/30(金) 22:15 ┗すみません ばあど 04/1/30(金) 23:47 ┗Re:すみません B29 04/1/30(金) 23:55 ┣Re:すみません kaiku 04/1/31(土) 0:17 ┗んー・・・ ばあど 04/1/31(土) 1:12 ┗解決しましたが・・・ B29 04/1/31(土) 11:45 ┗Re:解決しましたが・・・ you 04/1/31(土) 16:47 ┗Re:解決しましたが・・・ B29 04/2/2(月) 16:10 ─────────────────────────────────────── ■題名 ： 位置ずれ。 ■名前 ： B29 ■日付 ： 04/1/30(金) 21:10 -------------------------------------------------------------------------
| 久しぶりの質問になります。よろしくお願いします。 今回は、ホームページビルダーで作成している途中なのですが、プレビューという構成中のページをWWWブラウザで開いて見える機能がビルダーに備わっています。その機能でプレビューしてみて、違うページにリンクしたのですが左にずれるんです。例えて言いますと、ページ1とページ2を作ります。ページ1とページ2は全くの同じ構成、横幅や縦の長さも全て等しいです。次にページ1とページ2をリンクで結びます。その後プレビューにして、ページ1からページ2にリンクしてみると少しずれているんです（左に）。横幅の長さ等、変わっていないのですが、ずれるんです。<centar>を使って、全体を真ん中にしてあるのですが・・・何故でしょうか？また、ずれるのは一番初めだけで、ページ2からページ1に戻ったり2回目にページ1からページ2にリンクしても、ずれる事はありません。プレビューにしてからの一番初めだけずれます。よろしくお願いします。 |
| 問題の起こっているページのURLかソースがあれば、対処出来るかも知れません。 が・・・ ビルダーで「エディターズ」以外をお使いでしたら、 ビルダー関連の掲示板へ行くのが賢明だと思います。 ビルダー質問箱をご紹介しておきます。 http://www.wsb.jp/hpb/cgi/qabbs/cbbs.cgi?H=T&no=0 なお、場合によっては「仕方ない」ケースかも知れませんので、 あしからず(^_^; # 適度に改行を入れると、回答者に喜ばれ、回答も付きやすくなります。 |
| 返信ありがとうございます。改行に気をつけます＾＾； それでですね、ソースなのですが… <leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 上のソースを<BODY>内に入力しています。これを削除すると、大丈夫でした。 しかし、このソースを挿入する事によって、先端が綺麗に付くので…。 良い対処法はないでしょうか？ |
| ソースを「全部」公開して頂けますでしょうか。 その手の現象で、部分だけで起こるケースは少ないですので。 |
| 了解しました。以下のソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <CENTER> <TABLE border="0" width="730" cellpadding="1" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#999999" align="center"> <TABLE border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <TBODY> <TR> <TD align="center" height="620"><BR> <TABLE border="0" width="705" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD width="205" align="center" height="520"></TD> <TD align="right" height="520" width="10"></TD> <TD align="center" height="520" width="492"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> よろしくお願いします。 |
| ▼B29さん： ビルダーは使ったことないんですが、 もしかして簡易プレビュー機能自体の問題かもしれませんね。 マージンを０にしたいのならば代わりに ↓のようなスタイルシートを使ってみるのはいかがでしょう。 <style type="text/css"> <!-- body{margin:0;} --> </style> |
| こちらで適当なリンクを付けて試しましたが、現象は起こりませんねぇ・・・(念のためにIE5以降確認) もしかしたら、leftmarginに由来する問題かも知れません。 挙動不審なんです＞leftmargin だとしたら、kaikuさんの書いてらっしゃるスタイルシートで代用することで、 解決出来るはずです。 序でですから、 <style type="text/css"> <!-- body{margin:0;padding:0;} --> </style> としておきますか。 |
| ありがとうございます。位置づれは解決しました。 今度は新たな問題が出てきました。お願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>webmaster</TITLE> <STYLE> <!-- td{vertical-align:top;} A{ color : #666666; text-decoration : none; } A:HOVER{ color : black; text-decoration : underline; } --> <!-- body{margin:0;padding:0;} --> </STYLE> </HEAD> <BODY> <CENTER> <TABLE border="0" width="730" cellpadding="1" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#999999" align="center" height="320"> <TABLE border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <TBODY> <TR> <TD align="center" height="600"><BR> <TABLE border="0" width="705" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD width="205" align="center" height="580"></TD> <TD align="right" width="10" height="580"></TD> <TD align="center" width="492" height="580"><BR> <TABLE width="430" cellpadding="1" cellspacing="1" bgcolor="#999999"> <TBODY> <TR> <TD width="25%" bgcolor="#ffffff">a</TD> <TD bgcolor="#ffffff">あいうえお<BR> かきくけこ<BR> さしすせそ<BR> たちつてと<BR> なにぬねの<BR> はひふへほ<BR> まみむめも</TD> </TR> <TR> <TD bgcolor="#ffffff">b</TD> <TD bgcolor="#ffffff">あいうえお<BR> かきくけこ<BR> さしすせそ<BR> たちつてと<BR> なにぬねの<BR> はひふへほ<BR> まみむめも</TD> </TR> <TR> <TD bgcolor="#ffffff">c</TD> <TD bgcolor="#ffffff">あいうえお<BR> かきくけこ<BR> さしすせそ<BR> たちつてと<BR> なにぬねの<BR> はひふへほ<BR> まみむめも</TD> </TR> <TR> <TD bgcolor="#ffffff">d</TD> <TD bgcolor="#ffffff">え</TD> </TR> <TR> <TD bgcolor="#ffffff">e</TD> <TD bgcolor="#ffffff">お</TD> </TR> <TR> <TD bgcolor="#ffffff">f</TD> <TD bgcolor="#ffffff">か</TD> </TR> <TR> <TD bgcolor="#ffffff">g</TD> <TD bgcolor="#ffffff">き</TD> </TR> <TR> <TD bgcolor="#ffffff">h</TD> <TD bgcolor="#ffffff">く</TD> </TR> <TR> <TD bgcolor="#ffffff">i</TD> <TD bgcolor="#ffffff">け</TD> </TR> <TR> <TD bgcolor="#ffffff">j</TD> <TD bgcolor="#ffffff">こ</TD> </TR> <TR> <TD bgcolor="#ffffff">k</TD> <TD bgcolor="#ffffff">さ</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> このような感じで右にもテーブルを作ると全体テーブルの縦の長さが変わります。 作るテーブルの縦の長さを短くすれば解決します。 しかし、長くすると、全体テーブルとのバランスがあいません。 簡単に説明すると、例えば、大きなテーブルの中に小さなテーブルをつくります。 大きなテーブルの縦の長さは予め400ピクセルくらいに設定します。 小さなテーブルの縦の長さは300ピクセルくらいにします。 その後、小さなテーブルの中に文字を打ち、小さなテーブルの長さが広がります。 そうすると、初めは大きなテーブルと小さなテーブルの間の長さが100なのに、 それ以上の長さになってしまします。なぜでしょうか？ |
| ▼B29さん： >このような感じで右にもテーブルを作ると全体テーブルの縦の長さが変わります。 >作るテーブルの縦の長さを短くすれば解決します。 >しかし、長くすると、全体テーブルとのバランスがあいません。 >簡単に説明すると、例えば、大きなテーブルの中に小さなテーブルをつくります。 >大きなテーブルの縦の長さは予め400ピクセルくらいに設定します。 >小さなテーブルの縦の長さは300ピクセルくらいにします。 >その後、小さなテーブルの中に文字を打ち、小さなテーブルの長さが広がります。 >そうすると、初めは大きなテーブルと小さなテーブルの間の長さが100なのに、 >それ以上の長さになってしまします。なぜでしょうか？ ようは、テーブルの縦の長さを指定したはずなのに、その長さが変わってしまうのは何故でしょうか？ということでしょうか・・・。 テーブルの大きさの変動は、小さなテーブルの中に収められているテキストの量（行数）によると思います。 右側にある小さなテーブルを指定した大きさに保ちたいのであれば、テキストの量を考えなくてはならないかと思います。 縦幅指定は、ちょっとむずかしいかも・・・。 全体の長さが変化するのは食い止められないかもしれませんが・・・。 左側はそのままで[valign="top"]とし、右側も[valign="center]とします。これで、両方のセルに入るものは「上位置」から始まりますよね。 あとは、右側の小さなテーブルが縦長になっても、左側にあるものは上位置から始まります。 必要に応じて、まとめているテーブルの行を追加し、右側のセルを結合させれば、 ｜￣￣￣￣￣￣￣￣￣｜￣￣￣￣￣￣￣￣￣￣￣￣￣｜ ｜｜￣￣￣￣￣￣￣｜｜｜￣￣￣￣￣￣￣￣￣￣｜ ｜ ｜｜＿＿＿＿＿＿＿｜｜｜ 小さいテーブル ｜ ｜ ｜＿＿＿＿＿＿＿＿＿｜｜ ｜ ｜ ｜ ｜｜＿＿＿＿＿＿＿＿＿＿｜ ｜ ｜ ｜ ｜ ｜＿＿＿＿＿＿＿＿＿｜＿＿＿＿＿＿＿＿＿＿＿＿＿｜ こんな感じのテーブルになりますよね？ 外側のテーブルの[border]はもちろん0なんですけど(^_^;) B29さんがやりたいことが、私が文面から受け取れた内容と違っていたら、これは使えないですけど・・・。 |
| お返事ありがとうございます。 無事に解決する事ができました。携わって下さった皆さん、 ありがとうございました。 |