画面整形について

質問

ブラウザなどでHPを見ていて、ブラウザを細く(縦に長く)していったら、文字が折り返されてしまうHP（例えばgooのウェブ検索の検索結果画面）と、そうでないHP（例えばgooのトップページ）があるのですが、どうやれば文字が折り返されずに整形されたままの表示を保つことが出来るのでしょうか？
　宜しくお願いしますm(_ _)m

回答No.3

hide1978 · ベストアンサー

以下のような方法もあります。

<table width="100%" border="1">
<tr>
<td width="100">
cell-left
</td>
<td>
<img src="spacer.gif" width="550" height="1">
</td>
<td width="100">
cell-right
</td>
</table>

上記のようなテーブルを作成すると・・・
　・ブラウザ画面が最大化されているときには画面いっぱいに表示
　・ブラウザ画面を縮小しても、テーブル幅は750ピクセル未満にはならない
という整形の仕方が可能になります。

ちなみに、上記HTML内でspacer.gifという画像が使用されていますが、これは縦1ピクセル×横1ピクセルの透明な画像です。この画像の幅を550ピクセルまで伸張して表示することで、中央のセル幅が550ピクセル未満にならないようにしています。

このspacer.gifを使ったテーブルの整形は非常に効果的で、WEBデザイナーの間では頻繁に用いられる方法のひとつです。

お礼

spacer.gifってこういう使い方するんですね。ありがとうございます。

回答No.2

madman

表を作成し、TR,TDを利用してnowrap属性を利用してください。
セル内の文字が改行しなくなります。

参考URL：

http://tohoho.wakusei.ne.jp/html/td.htm

お礼

なるほど、ありがとうございます。早速試してみたいと思います。

回答No.1

osamuy

CSS属性で、

width: 800px;

とか、テーブルで、

width="800"

とか、幅を指定してみては。

お礼

ありがとうございます。早速幅指定してみたいと思います