改行が半角スペースに変換されてしまう
-
0 名前： SOCOM ： 2006/10/19（木） 14:05 ID:eUYlpE2N
- はじめまして。
ＨＴＭＬ編集中に問題が発生してしまい、対策を色々調べてみたのですが、
解決策が見つからなかったので、こちらで質問させていただきます。
【現在の状況】
ＨＴＭＬソースのレイアウト調節のために挿入した改行、ＴＡＢが、
ブラウザ上で半角スペースに自動変換され、これがブラウザの
文字サイズ変更時にレイアウトを崩す原因になっています。
具体的には、ブラウザ側で文字サイズを変更すると
ナビゲーションバーのボタン位置がズレたり、画像と画像の
接合部にスキマが空いてしまったりという感じです。
なおレイアウトにはＤＩＶタグでレイヤーを作成して使い、
画像同士の位置調整にはＣＳＳの「Margin」を使用しています。
【どうしたいのか】
現状ではブラウザの文字サイズ変更の影響を受けないようにするには
ソース内で改行やＴＡＢを使わないようにしなければならず、ソースが
読みにくくなってしまうので、文字サイズ変更の影響を受けないような形で
ソースのレイアウトを調整できるようにしたいです。
どうかアドバイスをいただけますようお願い致します。
-
1 名前： カヅサツ ◆ThCi95HEzw ： 2006/10/19（木） 14:05 ［URL］ ID:O5hEMlpW
- 自動変換と言いますか、HTMLのルールではタブも改行も空白スペースと見なすのですね。
で、該当のページの URL がわかれば、具体的な提案が出来るかもしれません。
http://www.tagindex.com/bbs/qa06.html#a05
-
2 名前： K+S ： 2006/10/19（木） 14:05 ID:nROqylMa
- 私はこうしています。
http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=829
-
3 名前： ＳＯＣＯＭ ： 2006/10/19（木） 14:05 ID:eUYlpE2N
- カヅサツさん素早いご返答ありがとう御座います。
やっぱりＴＡＢ、改行がスペース変換される（というかスペースと見なされる）
のは仕様上どうしようもないのですね。ソースのレイアウトの影響をブラウジング
結果に出さない方法があるかと思ったのですが、うーむ。
とりあえず現状は色々と頭を捻った末、以下のような DIV タグで囲んで無理やり
解決させました（かなり乱暴な方法ですが）。
<DIV Style="font-size : 0px">
--内容省略--
</DIV>
ただ、この場合文字が絡むと一々スタイルを設定しなければならず、スマートな
方法とはいえないかもしれませんね（涙。とにかくご対応ありがとう御座いました。
この他になにかいいアイデアがありましたら、皆様色々お教えいただければありがたいです。
なお、ソースコードは余りにも見苦しい状態なのでお見せできません、ごめんなさい。
-
4 名前： SOCOM ： 2006/10/19（木） 14:05 ID:eUYlpE2N
- K+Sさん
コメントアウト内で改行･･･とかなるほどなぁと思いました。
カヅサツさんのテキストブラウザへの対応を考慮する書き込みも大変
勉強になりました。（というか過去ログに同じような質問があったのですね、
ごめんなさい）。
アドバイスありがとう御座いました。
