0

.content-wrapperメイン コンテンツ エリア ( ) とサイドバー エリア ( )を持つレスポンシブ Web サイトがあり.search-listingます。2 つの列を同じ高さにする必要があります。現在、私は以下を使用しようとしていました：

jQuery(document).ready(function() {
    var divone = jQuery(".search-listing").height();
    var divtwo = jQuery(".content-wrapper").height();

    var maxdiv = Math.max(divone, divtwo);

    jQuery(".search-listing").height(maxdiv);
    jQuery(".content-wrapper").height(maxdiv);

});

しかし、問題は、.search-listingよりも先のページから始まることです.content-wrapper。ここで見ることができます：

http://landpros.turnpostinteractive.com/LandPros_Results_2.html

サイドバーの高さは同じですが、div .search-listing がページの .content-wrapper とは異なる場所から始まるため、いくつかのピクセルを差し引く必要があります。

どんな助けでも大歓迎です！

4

2 に答える 2

0

可能性のあるクローン作成者は答え を得ました

于 2013-01-20T22:17:59.753 に答える
0

.content-wrapper が .map、.search-listing、および .search-listing-header の合計よりも高い場合、.search-listing を .content-wrapper から .map および .search-listing-header を引いた高さに設定します。 .

.map と .search-listing の合計が .content ラッパーよりも高い場合、.content-wrapper の高さを .map、.search-listing-header .search-listing の合計に設定します。

<script type="text/javascript">
jQuery(document).ready(function() {
    var searchListing = jQuery(".search-listing").height();
    var wrapper = jQuery(".content-wrapper").height();
    var mapping = jQuery(".map").height();
    var header = jQuery(".search-listing-header").height();

    if ( wrapper > searchListing+mapping+header ) {
      jQuery(".search-listing").height(wrapper-mapping-header);
    }

    else {
      jQuery(".content-wrapper").height(searchListing+mapping+header);
    }

});
</script>
于 2013-01-19T01:30:25.620 に答える