• ベストアンサー

2段組レイアウトの空白の処理

2段組レイアウトの下に<address>タグの一文を置きました。すると空いている段の方に、その一文が回り込んでしまいました。   http://makoji.web.fc2.com/test/test_10/index.html   http://makoji.web.fc2.com/test/test_10/source.html 他のサイトを見ると表組で対応しているケースが多いようです。しかしながら、HTML 4.01 仕様書によると、本来ページレイアウトのために表を用いるのは好ましいことではないようです。 だとするとこの場合、どのような手段で対応すべきでしょう。 空いている段の一番下のボックスの下マージンを無茶苦茶大きくとって、両段の下を揃える方法もありますが、この方法ではあまりきれいには揃いませんし、視聴者のコンピュータ環境次第ではその不揃いが結構大きいものになってしまうのではないかと不安です。知らぬところでまたも回り込みが起きてしまいように思えるのです。

  • HTML
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • warez
  • ベストアンサー率57% (29/50)
回答No.2

浮動体の次の流し込みを制御する(Controlling flow next to floats: the 'clear' property) http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#flow-control

makoji
質問者

お礼

なるほど。clearってこういう風に使うんですね。 ありがとうございます。

その他の回答 (1)

noname#83877
noname#83877
回答No.1

floatはclearされましたか?

関連するQ&A

  • cssの段組レイアウトについての質問です

    かなり初歩的なことだと思うのですがこのことばかりがひっかかっています ブックオフの立ち読みでcssの本を読んでいたら 段組レイアウトというのを目にしました。 それはまず下敷きにマージン次にパディング、その上に内容を書く・・・というものでした。 一方ネットで調べてみたら、段組レイアウトのやり方のサイトをよんでみると 「ボックスを左と右にわけたり、上と下にわけたりする」だけで、マージン、パディングのことは書かれてなかったんですよね。(そもそも書くまでもないのかもしれませんが) よく3段組レイアウト2段組レイアウトと聞きますがそれは、立体的にとらえて領域をミルフィーユみたいに入れ子させて乗っけてくからなのでしょうか? それともボックスを平面的に並べることが段組レイアウトなのでしょうか? 理解力が足りずどうもよくわからなくて へんな質問ですいません。回答お願いします。

  • スタイルシートで三段組を作りたいのですが

    私はテキスト主体のサイトを持っているのですが、今まではテーブルを使ってレイアウトを構成してきました。 上下左右のマージンをパーセントやピクセルで指定してメインであるテキストがあるテーブルは可変というスタイルです。 数年前まではディスプレイの解像度がそれほど多様ではなかったので、これでも大丈夫だったのですが、最近の横長ディスプレイの普及のため、この方法では環境によっては横に長く表示されてしまうため、divタグを使っての段組に変えて行こうと思いました。 そこで段組のスタイルシートについて説明しているサイトなどを見てみたのですが、私がやりたいと思っているレイアウトが見つからなくて困っています。 ようは三段の段組を作りたいのですが、ボーダー壁紙を使うことが多いので左部分を空けたいのです。 A、B、Cの三段組で右に寄っているレイアウト、つまりBに720ピクセル、Cに80ピクセルの幅を持たせ、一番左のAの部分を可変にしたいのですが、これは可能ですか? 私の調べたところ、AとBを指定してCを可変にするレイアウトはあったのですが、上記のようなものは見当たりませんでした。 それともう一つ、Bの720ピクセルのボックスをページの中央にレイアウトする場合は、左右のボックスはどういう指定をすればいいのでしょうか? 上記のような段組の作り方、あるいは説明しているサイト等ありましたら、教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • EXCELで段組みできますか?

    縦長の表がありまして、これをA4サイズの横置きに、二段組みにすると丁度収まるサイズです。 段組みにするにはどうすればよいのでしょうか? EXCEL2003を使用しています。

  • ワードの段組について

    何人かに聞いても解答が得られず困っています。 ワードで段組ができると思うのですが、 例えば、ページごとに段組を替えなければならなかったり、1pのなかで途中まで段組なしで下半分2段組にしたい・・・。とかできるのでしょうか。 基本的な質問で申し訳ありませんが、どうぞよろしくお願いします。

  • adobeのin designでの段組設定について

    ドキュメントページを作成するとき、レイアウトグリッドは基本的に同一ページでは複数の段組設定はできないという理解をしているのですが、例えばタイトルだけ縦1段組みで、本文は横1段組みとか、逆にタイトルおよびリードだけ横1段組みでその後の本文は縦3段組みとか、同一ページで違った段組というのは設定できるものなのでしょうか?もしできるのであれば、どのように設定するのでしょうか?良くご存知のかた、おしえてください。お願いします。

  • Wordで一部分だけ段組みした場合

    1枚に収めないといけない文書があります。 途中で、段組み左右2段にして、そのあとすぐ下に文章を追加したい時は、どうしたらよいですか? 改行しても段組みの幅に収まってしまいます。 すべて書き終わってから段組みすればよいでしょうか? あと、段組みした部分のすぐ下に表を挿入したいのですが、間が離れてしまいます。 段区切りしたことと関係あるでしょうか? 追加の文章も表も描画ツールでしょうか? 初歩的な質問ですが、よろしくお願いします。

  • 同一ページ内で異なる段組をしたい

    一ページの、上半分は一段組み、下半分は3段組というレイアウトは、ワードではできるのでしょうか。  ちなみに、罫線でボックスを作って文字を入れてから、罫線の色を白(無色)にするという方法を編み出したのですが、もっと簡単にできればと思います。

  • Word2003の段組を上手く機能させたい

    Word2003を使い、資料作成をするのですが、 段組を上手く使いたいと思っています。 添付した画像を見てもらうと、 段組になっていると思います。 テンプレートでも何でもかまわないのですが、 以下のようにする方法はありますか? 1.左のwordを編集したら右のような結果になる   (行が連動していて、図や文字を挿入したら右の段もずれる。) 2.画像と文字が1対1とは限らない   (2枚分の画像のところに文章が1行の場合もあります) 表を使うという方法もあったのですが、妙にずれて使いづらく 上手くレイアウトできる良い方法があればと思い 質問させて頂きました。 回答よろしくお願いいたします。

  • wordで真ん中に線を引きたい(段組み)

    word2000を使っています。 A4縦の用紙に縦中央に線を入れて、2段の段組みを入れたいのです。 段組みの設定をして、文字を打てば中央に線がひかれていきますが、下まで文字がない場合線が引かれないですよね?仮に用紙の下まで文字がない場合でも、中央に線を引きたいのですが、段組みではできないのでしょうか? 段組みを使わない場合の方法として、罫線を引くとか、表を使って中央だけ残して周りを消すとかくらいしか思いつかないのですがほかにいい方法はありますでしょうか?ちなみに、線は全ページに引きます。 よろしくお願いします。

  • wordの機能(段組)について

    教えてください! 出来ないのか、出来るのに知らないだけか・・・、 ワードの段組の機能についてです。 縦書きにして、2段組にしています。 そしたら、上と下の段ができます。 ここがポイントです。 上下を独立したスペースにしたいのです。 つまり、上の段の最後まで入力した後で、 改行すると、次ページの上の段に来るようにしたい。 しかし、現行では上の段の最後を改行すると、 下の段の最初にきます。 どうにか、上下を独立させることができないか・・・ 教えてください。

専門家に質問してみよう