ネットスケープ４で文字拡大時のレイアウト

解決済

質問者：elmar
質問日時：2003/07/25 09:09
回答数：3件

すみません、質問させてください。

ネスケ4.X（win,mac両対応）で、cssで文字サイズを固定しても、
文字を拡大（ctrl+]）するとレイアウトが崩れることがあります。
（文字サイズは変わらないが、テーブル同士のタテの隙間部分が
どんどん開いていくなど）
これを抑えるにはどうしたら良いですか？

不要なスペースが文字として解釈されているのかとタグ同士を
隙間なく記述するなどしてみても、うまくいかないようです。

申し訳ないですが、よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： yayopix
回答日時：2003/07/26 06:10

こんにちは！

こんな感じで・・

<html>
<head>
<title></title>
<style type="text/css">

</style>
</head>
<body>
<table border="1" width="300">
<tr>
<td><span class="px14">123</span></td>
<td><span class="px14">456</span></td>
</tr>
<tr>
<td><span class="px14">789</span></td>
<td><span class="px14">0ab</span></td>
</tr>
</table>
<div><img src="border.gif" alt="hrの役をする仕切り線です" width="300" height="1"></div>
<table border="1" width="300">
<tr>
<td><span class="px14">cde</span></td>
<td><span class="px14">fgh</span></td>
</tr>
<tr>
<td><span class="px14">ijk</span></td>
<td><span class="px14">lmn</span></td>
</tr>
</table>
<div><img src="border.gif" alt="hrの役をする仕切り線です" width="300" height="1"></div>
</body>
</html>

一応うまくいったような・・。

- 0
- 件

通報する

この回答へのお礼

ながながと回答いただき、ありがとうございました。
自分の方でも、色々やってみたら解決したんですが、
何でそれで解決したのかわからないような動作で、
まだまだ研究する必要があるようです。

yayopixさんのソースも参考に、完全にIEと同様に表示される
ソースを作りたいと思います。

ありがとうございました！

通報する

お礼日時：2003/07/29 21:53

No.2

回答者： noname#21343
回答日時：2003/07/25 12:14

<table></table>を、

<div></div>でくくる必要がないような気がしますが。

あとはmarginを指定するぐらいですかねぇ。
ネスケ４．Ｘだと、margin指定で効果があるのは上部だけなので
margin-top:●px;
－－って感じで。検証してないんで自信なしです。

この回答への補足

回答ありがとうございました。
ネスケの挙動不審には参りっぱなしで、
クラスによるスタイルシートの設定の有無だとか、
スペースをタグの間に入れるか入れないかとか
間隔が開いてしまう部分とはまるで関係ないところの
イメージにボーダーを設定するかしないかだとかで
（文字拡大時の動作の）違いが出てしまいます。

何を書いているのかさっぱりわからないでしょうけども、、。
基本的に、根スケにはスタイルシートを使わないように
したいんですけど、そうも行かないんですよね。。

補足日時：2003/07/29 21:46

通報する

- 0
- 件

通報する

No.1

回答者： the845t
回答日時：2003/07/25 09:39

body,td { font-size:14px; }

のようにpx指定でいかがでしょう。

テーブル同士の縦の隙間とは？
<table>
...
</table>
<table>
...
</table>
の間ということでしょうか。
セル以外の個所に不要な全角スペースなどが入っているのでは？

この回答への補足

回答ありがとうございます。
テーブルの間というのは<div>タグで囲ったテーブルの間が開いてしまうのです。
（divでくくってなくても開くようですが。）
htmlは以下のようになっています。

<div>
<table>
・・・
</table>
<img src="border.gif" alt="hrの役をする仕切り線です">
</div>

<div>
<table>
・・・
</table>
<img src="border.gif" alt="hrの役をする仕切り線です">
</div>

文字を拡大したら、上下のテーブルの間がどんどん広がってしまうんです。