2

自分用のポートフォリオ サイトをまとめようとしていますが、他のコンピューターでのテストを開始したばかりです。今日、IE と Firefox でいくつかのフローティング div が正しく配置されていないことに気付きました。

Chrome は正しいように見えます。左の写真、Internet Explorer の写真が右です。 ここに画像の説明を入力

フローティング div は、次のように定義された .projects です。

.project {
    margin: 2.5em 1.5em 0 0;
    width: 30%;
    float: left;
}

プロジェクトによってテキストの量が異なり、画像のサイズがわずかに異なる可能性があることは理解していますが、これが原因である可能性がありますが、Chrome で見られるように一貫した配置を確保する方法がわかりません。

ブラウザで実際のウェブサイトを自由にいじってください: www.holly.im

どんな助けにも感謝します！

....これは別の質問としてする必要がありますが、ここで言及することもできます-Firefoxのページのコンテンツの下に多くの余分なスペースがあり、しばらくの間プレーングレーの上をスクロールできます私のウェブサイトのコンテンツの大部分は #pages div 内に存在するため、firebug の強調表示により、必要な場所で終了することがわかります。質問する価値があると思いましたか？しかし、おそらく別の質問を投稿します。

4

1 に答える 1

1

clear:left3 番目の後に を追加する.projectか、div に固定の高さを設定する必要があります.project。

2 番目のタイトルが長くなると、下の行のフローティング div がその後ろにスタックされ、最後の 2 つが行の下に押し出されます。

于 2013-02-28T11:56:16.403 に答える