3

まず、私は完全な初心者です。これを3歳児に教えるかのように答えてください。

私はこれが以前に尋ねられたことを知っていますが、前の質問にリストされた解決策のすべてが私にとってうまくいくようには見えません。私が間違っていることは確かですが、私はそれを理解することができません。

MatthewJamesTaylorによる3列のHolyGrailレイアウトを使用しています。http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm （小道具とこれに感謝します！）

ソースを表示すると、彼がページの作成に使用したdiv構造を確認できます。私のものは同じです。".col2"（cssの ".holygrail .col2"）がビューポートのマイナス（-）ヘッダーとフッターにサイズ変更されるようにしようとしています。

私はこれらの質問にリストされている解決策を使用してみました。

ブラウザのサイズ変更でdivのサイズを変更

ウィンドウサイズ変更時に高さdivを変更するにはどうすればよいですか？

私はそれらのソリューションがjqueryを使用していることを認識し、自分のページでそれを開きました。圧縮バージョンはホームフォルダにあります。

<script src="jquery.js"></script>
<script>
$(window).resize(function() {
$('.col2').css('height', window.innerHeight+'px');
});
</script>
</body>

上記は私にはうまくいかないようです。私はヘッダー/フッターに合わせて調整しようとはしていません。要素を呼び出そうとしただけで、そのような運はありませんでした。何が悪いのかわからないので、divを呼び出すことができないようです。

私は自分のニーズに合うようにソリューションを適応させることができませんでした。繰り返しになりますが、それはばかげたことだと思いますが、少し助けていただければ幸いです。

4

2 に答える 2

1

次のようなことをします：http：//jsfiddle.net/chanckjh/mjQs9/

jquery：

$(function() {
    var $height = $(window).height();
    $('.window').css('height', $height +'px');
});​
于 2013-01-01T01:26:05.293 に答える
0

<script>異なるタグで外部スクリプトとインラインスクリプトを参照する必要があります。

<script src="jquery.js"></script>

<script>
    $(window).resize(function() {
        $('.col2').css('height', window.innerHeight + 'px');
    });
</script>

詳細については、 http：//www.w3.org/TR/html4/interact/scripts.html#h-18.2.1を参照してください。

スクリプトは、SCRIPT要素のコンテンツ内または外部ファイルで定義できます。src属性が設定されていない場合、ユーザーエージェントは要素の内容をスクリプトとして解釈する必要があります。srcにURI値がある場合、ユーザーエージェントは要素の内容を無視し、URIを介してスクリプトを取得する必要があります。charset属性は、src属性で指定されたスクリプトの文字エンコードを参照していることに注意してください。SCRIPT要素の内容には関係ありません。

于 2013-01-01T00:59:21.973 に答える