CSSで横見出し付きの2段組を実現するには

yum [E-Mail] 1999/10/12(火) 20:19:00
お世話になっております。

最近になってようやくスタイルシートにはまり始めたのですが、
壁につきあたっています。

実現したいのは、ちょっと特殊な2段組です。（図１）

（図１：等幅フォントで書いているつもりです）

注釈　段落１…………………
　　　…………………………
　　　段落２…………………
　　　…………………………
画　　段落３…………………
像　　…………………………
　　　…………………………

　　　　　（以下同様）

[解説]
・本文は基本的に１段だが、左側に「注釈」や「画像」を
回り込ませたい。
・注釈は入る場合と入らない場合がある。2段以上にわたる場合もあるが、
あまり長い文は入らない。

試したのは次のようなソースです。
（実際には、styleはすべてclassに関連付けたいと思っています）


注釈


段落１…………………


段落２…………………


画像


段落２…………………


このソースを、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>
とかダミーのブロック要素を注釈のない段落の前に入れたところ
かろうじて対応できました。

１）に関しては全く分からないです。
何をやってもどんどん悪い方向へ進んでいってしまう・・・

３）は・・・あ、ほんとだ、選択できませんね

yum 1999/10/18(月) 17:46:30
[[解決]]
お返事が遅くなってすみません。

たーむさん、いろいろやっていただいたようでありがとうございます。

…ダメならダメで割り切れます。とても助かりました。

(2) の方法は考えつきませんでした。なるほど…

[上に] [前に] [次に]