yum
[E-Mail]
1999/10/12(火) 20:19:00
お世話になっております。
最近になってようやくスタイルシートにはまり始めたのですが、
壁につきあたっています。
実現したいのは、ちょっと特殊な2段組です。（図１）
（図１：等幅フォントで書いているつもりです）
注釈 段落１…………………
…………………………
段落２…………………
…………………………
画 段落３…………………
像 …………………………
…………………………
（以下同様）
[解説]
・本文は基本的に１段だが、左側に「注釈」や「画像」を
回り込ませたい。
・注釈は入る場合と入らない場合がある。2段以上にわたる場合もあるが、
あまり長い文は入らない。
試したのは次のようなソースです。
（実際には、styleはすべてclassに関連付けたいと思っています）
<p class="sidehead" style="float:left;width:5cm;margin-left:0cm">
注釈
</p>
<p class="paragraph" style="margin-left:6cm">
段落１…………………
</p>
<p class="paragraph" style="margin-left:6cm">
段落２…………………
</p>
<p class="sidehead" style="float:left;width:5cm;margin-left:0cm">
画像
</p>
<p class="paragraph" style="margin-left:6cm">
段落２…………………
</p>
このソースを、Windows NT 版 IE5と、Netscape4.04Jで見たところ、
IE5では上記例に近い形で表示されたのですが、Netscapeでは以下の点で大変不満で
した。
1) 画像のあるところのみ、本文段落のマージンが5cm+6cm=11cmになってしまう
2) それでは段落のmargin-leftを1cm にすればよいかと思うと、
float している注釈／画像が終わったところでmargin 1cm になってしまう
（図２）
（図２）
画 段落３…………………
像 …………………………
………………………………
3) （ 1),2)ほどの不満ではないのですが）float 指定したテキストがコピー＆
ペーストできない。グラフィック扱いされている。
これは、指定のしかたに問題があるのでしょうか。
それとも、不可能なことをやろうとしているのでしょうか。
floatの存在を知ったときには、これでようやく文書構造を無視しないで
この文書をHTML化できる、と嬉しかったのですが…
スタイルシートに詳しい方、助けていただければ幸いです。
たーむ
1999/10/15(金) 03:58:34
２）に関してはちょっと反則っぽい気もするんですが
<DIV style="float:left;width:5cm;margin-left:0cm"> </DIV>
とかダミーのブロック要素を注釈のない段落の前に入れたところ
かろうじて対応できました。
１）に関しては全く分からないです。
何をやってもどんどん悪い方向へ進んでいってしまう・・・
３）は・・・あ、ほんとだ、選択できませんね