幅が不明な CSS フロートは doctype で空白をラップしません

Question

幅が不明な 2 つの div が左にフローティングされています。そのうちの 1 つはページに収まらないほど多くのコンテンツを持っているため、最初のものの下に移動します (IE を除く)。

http://corexii.com/floatproblem/float.html

表示を追加:インラインテーブル;そして、大きなものはそのコンテンツを（ブラウザ間で一貫して）ラップします。

http://corexii.com/floatproblem/table.html

しかし、doctype (厳密なだけでなく、あらゆる doctype) を導入しても、Firefox では導入できなくなります。

http://corexii.com/floatproblem/doctype.html

doctype を使用しながら、同時にブラウザ間で確実にコンテンツをラップするための適切な div を取得するにはどうすればよいでしょうか?

Answer 1

ブラウザ全体で確実にDoctypeを使用しながら、コンテンツをラップするために適切なDIVを取得するにはどうすればよいですか？

幅を定義せずに、 あなたはできません. 。この場合、幅をパーセンテージにすることをお勧めしますが、それはあなた次第です。

div のデフォルトの幅はコンテナの 100% です。 (この場合はページ)。ページのサイズを固有の幅よりも小さくしない限り、最初の div は実際のサイズになります。完全で有効な doctype がなければ、ブラウザ間での一貫性を期待するのは無駄な作業です。

Answer 2

CSSは非常にテーブルベースのレイアウトはできる限りのことを行うことはできません。一つは、ダイナミックな幅のレイアウトは、はるかに複雑です。表レスレイアウトはまだ例98％のために好適であるが、あなたは本当にダイナミックな幅のレイアウトのこの種を必要とする場合は、テーブルを使用する必要があります。

一貫性のない幅、慎重に比例していない場合、あなたは間違った問題を修正することができるので、美的観点から非常に良いものではありません。

Answer 3

あなたはBODY要素を含むことによって開始することができます。

TraingamerはあなたのFirefoxの動作の説明とどのようなあなたの望ましい結果を得るために行われる必要がありますを与えています。あなたは彼に耳を傾ける代わりにCSSをしてレイアウトを作成することは不可能であることについて接線にオフに行くかもしれません。

は、あなたがはウェブの仕様を修正するために付着しないことによって導入されている問題のためのCSSを責めないでください。