CSS - 動的DIV高 - 優秀な図書館

示す

問題：http://test.aussieclubroom.com/test.html CSS - 動的DIV高

Iは、コンテンツが動的に生成されたDIVを有します。サンプルURLの左側には、現在のdivがあります。コンテナのdivの高さが固定されていることに注意してください（mainContent_mid_right）。左右の境界divsも同様です（mainContent_mid_right_leftとmainContent_mid_right_right）。

しかしdivには高さが動的になりたいので、親div（mainContent_mid_right）を高さ：auto、左右の境界線をheight：autoに設定します。これは与えられたURLの右側にあるdivです。しかし、あなたが見ることができるように、境界divsが表示されていません、誰も私はこれを解決することができますか？

おかげで、ダニエル

出典

2012-02-20 dgamma3

あなたのコードはちょっと混乱しています。コンテナ内のすべてのインラインスタイルを削除し、テーブル内で作業を並べ替えると、私はdevtoolsを使ってそれらを削除しました。さらに、 '！important'を何度も使用している場合、何かが間違っていなければなりません... – elclanrs

あなたは、これらすべてのdivタグで達成しようとしている丸いコーナーの効果は、実際に国境半径CSSプロパティです。このすべての混乱をクリアするお手伝いをしてください！

出典

2012-02-20 23:57:42

確かに。 [ここでは1つのdivとborder-radiusを使用した例があります]（http://jsfiddle.net/gothick/YPAjU/3/）（可能な限り密接に見た目を一致させるためにinset box-shadow） WebkitやFirefoxでかなり使いやすく、機能の少ないブラウザではシンプルなボックスに優雅に劣化します。 –

@MattGibsonそれをしてくれてありがとう。 jsfiddleは他のブラウザ（つまり、古いFirefox /ブラウザなど）のHTMLを表示する機能をサポートしていますか？ – dgamma3

@ dgamma3いいえ、あなたは[browserling]（http://browserling.com/）、[BrowserLab]（https://browserlab.adobe.com/en-us）のようなブラウザテストサービスが必要です/index.html#）、または[IETester]（http://www.my-debugbar.com/wiki/IETester/HomePage）（これは仮想マシン内で使用します）ヒント：IEの最高バージョンを対象とするあなたは逃げることができます。 IE6を無視することができれば（これはおそらく訪問者の0.5％に過ぎないため）、開発時間を大幅に節約できます。そして欲求不満。 –

CSS - 動的DIV高

答えて

関連する問題