2017-05-22 8 views
0

私はここで私の2列を同じ高さにするためにGoogleの検索で見つけたさまざまな方法を試しましたが、何も私のために働いていません。私はCSSだけを使用しなければなりません(eBayではJavaScriptがもうありません!)。問題のテンプレートはhttp://sallymilo.com/sports/template2017b.htmlです。 PS - これに対応しますが、そのコードを追加します。さまざまなコンテンツと同じ大きさの列のための唯一の解決策2つのCSSのみの列同じ高さ

+2

ここに意味のあるコードと問題の説明を追加してください。修復が必要なサイト にリンクしないでください。そうしないと、 問題が解決されたり、リンク先のサイトにアクセスできない場合、この質問は将来の訪問者に価値を失います。 [最小、完全、および検証可能な例(MCVE)]を投稿すると()、より良い回答を得るのに役立ちます(http://stackoverflow.com/help/mcve)。詳細については、 [私のWebサイトの何かが動作しません。 ]リンクを貼り付けることはできますか?](https://meta.stackexchange.com/questions/125997/) ありがとう! – j08691

+0

'.cont {display:flex; フレックスラップ:ラップ; } ' –

+0

あなたはディスプレイを持っています:IE8以降、うまく動作するテーブル/テーブルセル。最新のブラウザとディスプレイ用:グリッドも。これらのうちどれを試しましたか、どこが間違っていますか?あなたはさらに列数+列記入を持っています...そしてIE6に対処したいのであれば、この非常に古いが固い方法はまだ最新ですhttps://alistapart.com/article/fauxcolumns –

答えて

-1

CSSは、私は他に何も私のために働いていないので、外容器に背景画像その場しのぎを使用して終了flexbox

+0

まず、これ間違っている。別の解決策は、親の 'display:table;'、子の 'display:table-cell;'です。しかし、第二に、これは答えではありません。リンクのみの回答は提出しないでください。実際のコード解を与えるか、これをOPの投稿にコメントとして残してください。 –

+0

テーブル「修正」は私のためには機能しませんでした。内容が長ければ長いほど、列が長くなります。 500パディングボトム/ -500マージンボトムのいずれも機能しませんでした。フレックスのものは私を混乱させる! (そして私はそれを解読する次の2日間を過ごしたくありません...) –

+0

@MichaelCokerフェア十分に、OPはコードを提供しなかったので、私は次回にコメントを残します。また、それが唯一の答えだとは言わないようにしていました。それらのうちの1つだけ、そしてIMOは最高のものです –

0

です。そして、それはうまく動作します!

関連する問題