blueprint css について私が聞いた議論の 1 つは、フロートではなくグリッドの観点からレイアウトを考えることができるというものです。これは私にとって大きなアドバンテージのように思えます。なぜなら、フロートが最終的にどこに到達するかについて常に混乱しているからです。フロートが予期せず他のフロートの下に落ちてしまうことがあり、すべてを再配置する方法を理解するのに苦労しています。これはブループリント css を私にとって良い選択にしますか? それとも、フロートを適切に使用する方法を学び、すべてのレイアウトを手動で行うために時間を割く必要がありますか?

したがって、次のCSSを使用して水平ナビゲーションバーを表示します:

私の質問は、ナビゲーション バーをタイトルの中央に配置するにはどうすればよいですか?

3 つのフローティング ボックスが隣り合っている動的なサイトを作成しようとしています。それぞれの幅は 33.33% です。それらの周りのコンテナー div は、幅が 75% です。

ここで問題に関する記事を見つけました: CSS: Jumping columns
ここでも同じ問題の例を見つけました: Jumping columns example

ウィンドウ サイズをドラッグすると、IE7 以前でジャンプが表示されます。

これを回避できるかどうかは誰にもわかりますか？(Javascript なし)

幅320pxのdivがあります。それぞれ幅 100px のリスト アイテムを左側にフローティングさせています。次に、各リスト項目の右側に 10px の右マージンを設定します。他のすべてのマージンとパディングは削除されています。

したがって、次の行に進む前に、基本的に行ごとに 3 つのリスト項目が必要です。しかし、3 番目の項目 (つまり、すべての項目) に右マージンがあるため、次の行に移動します (1 行に 2 項目のみ)。

追加のクラスを作成したり、スクリプトを使用したりせずに、このインスタンスで行ごとに 3 つの項目を持つ方法はありますか?

div 内にいくつかのアイコンがあり、div に付属しているように見えるデフォルトの上から下のレイアウトではなく、左から右の構造でレイアウトする必要がありました。CSS を知っているほとんどの人にとってはニュースではないかもしれませんが、(少し助けて) 次のいずれかを使用して div を左から右にレイアウトできることがわかりました。

また

私の質問は - どちらが他のものより好ましいですか?

ヘッダー、フッター、本文のコンテンツを含むレイアウトがあります。かなり標準的なレイアウトです。ハードコードされた幅を超えることがあるという報告があります」しかし、左のナビゲーションと本文のコンテンツを同じ行に配置する必要があります。以下のこのHTMLコードでは、幅が広すぎる場合（たとえば、900以上の幅を持つコンテンツが本文にある場合）、本文のコンテンツは左ナビゲーションの下に流れます。

基本的に、その本文のコンテンツセクションに実際に含まれるコンテンツの量に関係なく、コンテンツと左ナビゲーションを同じ行に残しておく必要があります。常に同じ行のアイテムにそれらを保持するようにブラウザに強制する方法はありますか？

小さなタイプミス：bodyContentはleftNavと同じ行にあります。

/ * !!! このセクションは、左のナビゲーションと同じ行にとどまることができますが、「ヘッダー/ボディフル」の幅を超えても* /

それは私が望むところにとどまりません、これを見てください：

インターネットエクスプローラ：

モジラ ファイアフォックス:

テキストを上部に配置したい (vertical-align: top を試した)、画像を IE の白いボックスに配置したい。

より熟練した誰かが私を助けてくれることを願っています。

ありがとう！問題がわかりません:/

編集：コード全体を追加

動的コンテンツを含むフローティング div があります。最初の行では、4 つの div が必要です。同様に、2 番目、3 番目、4 番目など... 4 つの div が必要です。クラスを 1 つの div に割り当てると、残りの div が自動的に生成されます。私の問題は、最小高さを div に設定できることですが、コンテンツが動的に作成されるため、最大高さを設定できません。コンテンツが少ない場合、div は一列に並んでいません。このため、今後の div でも問題が発生します。これらの div を配置するにはどうすればよいですか?