ウェブページをhtmlフレームに入れて、個々のフレームを互いに分離するにはどうすればよいですか？

Question

私の割り当ては、3行4列のHTML文書を書くことです。フレームをサポートしていないブラウザ用のメッセージを含める必要があります。フレームにはそれぞれにウェブページが必要です。各フレームを分離して境界線を持たせる必要があります。これは私がこれまで持っていたものです..今夜のおかげで助けてください、何が間違っていますか？あなたが比較的新しい場合

My code so far

Answer 1

は、まず最初に、それは特にレイアウトとの生活が少し楽になりますフレームワークを使用することです。

私の意見では最良の選択は、ブートストラップです：ブートストラップで

http://getbootstrap.com/

次のようにあなたが×4つのcolsの3行のレイアウトを行うことができます。ここでは

<div class="row"> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
</div> 

    <div class="row"> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
</div> 

    <div class="row"> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
    <div class="col-sm-3"><iframe></div> 
</div> 

はへのリンクです行と列を使用してレイアウトを説明するブーストラップ

http://getbootstrap.com/css/#grid

あなたは、アイフレームを使用すると、既存のコードでカバーされているサポートされていないときにメッセージを表示この

ようaddingsのCSSでそれぞれのiframeの高さを修正するために最善を尽くします。各iframeとCSSをマークアップするだけです。