2012-03-05 5 views
2

現在、コンテンツを分割するためにCSS3の複数の列を使用しているプロトタイプで作業していますが、うまくいくようです。私の問題は、列の一部であるブロック内に高さのセクションが拡大していることです.Firefoxでは、CSS3の複数列の要素の高さが変更されて消えてからFirefoxがクラッシュする場合があります。CSS3の複数の列と可変高さのコンテンツの問題

CSS3のマルチカラムでは、内部のさまざまな高さのコンテンツを考慮してはいけませんか、それともそのようなことはしませんか?私は本当にColumnizerが正しく動作するように、バットの痛みであるため、Columnizerのようなプラグインを使用する必要はありません。

[DIV] 
    [CONTENT] - Default height is 38 pixels 
    [EXPAND LINK] - A link when clicked that modifies the height of content to be 52 pixels. 
[/DIV] 

問題は、すぐにリンクがクリックされるようになり、高さは、その後、それはそのレイアウトとポジショニング(0の高さと幅の変更)を失うように、それはだ、変更しています。ここ

は、レイアウトですFirefoxがクラッシュします。 Firebugを使用して高さを手動で変更する場合も同様です。

+0

コードまたはテストページが必要です。 – BoltClock

+0

私は問題を実際に解決しました。それはいつも起こります。私はそれを答えとして入れるべきか、それともちょっと質問を閉じるべきでしょうか? –

+0

答えが誰にも役立つと感じていない場合(たとえば、コードに愚かな間違いがあった場合)、私はあなたのために閉じてください。 – BoltClock

答えて

1

私は問題を解決しました。この質問を基本的に投稿しています。私の解決策は次のようになっていました。

私は適切なCSS3複数列コードを持つ親div要素を持っていました。内側の要素は記事要素です(あなたはdivを使うこともできます)。問題は、内部の要素が左に浮かび上がっていたということでした(ちょうど列飾りされたアイテムの外観を与えるために物を浮かべなければならないという純粋な習慣から)。 float要素がCSS3の複数列コードと衝突し、ブラウザがクラッシュしました。

フロートが要素のレイアウトを変更するため、複数列のコードがおそらくボックスを再調整し、無限ループに陥っていたと思います。私は何が起こったのかは完全には分かっていませんが、マルチカラムのdivや何かの内部の浮動要素は悪いです。

+0

実例を投稿しますか?フロートを外してもまだ問題はあります。 – Daniel

+0

ここに問題を示すjsfiddleがあります。注意:フロートはありません。 http://jsfiddle.net/0s6L50f4/ – Daniel