2列HTML文書サイトマップ

私は単純な2列のWebページを作成しようとしています。左側に一連のURLリンクがあります。右側には、コンテンツを表示したい場所があります。私はそれが重要であるかどうかはわかりませんが、左側のリンクは、右側のPDF文書の異なるページに開きます。2列HTML文書サイトマップ

<a href="myfile.pdf#page=4"> 

---------------------------------------- 
| PDF URL 1 |      | 
| PDF URL 2 |      | 
| PDF URL 3 |      | 
| PDF URL 4 |      | 
|    | PDF DOC VIEW  | 
|    |      | 
|    |      | 
|    |      | 
|    |      | 
----------------------------------------

HTMLの私の最初の日に、これはフレームセットを使用しても問題ありませんでした。しかし、それは数年前でした。このフレームセットはまだ実行可能な解決策ですか？それともDIVを使ってより良い、より受け入れられる方法がありますか？

出典

2016-11-09 rak11

.column { 
 
    height: 100vh; 
 
} 
 

 
#side { 
 
    float: left; 
 
    background-color: #CCC; 
 
    width: 40%; 
 
} 
 

 
#main { 
 
    float: left; 
 
    background-color: #DDD; 
 
    width: 60%; 
 
}

<html> 
 
    <body> 
 
    <div id="side" class="column"> 
 
     Look at me! I'm at the side 
 
    </div> 
 
    <div id="main" class="column"> 
 
     I'm the main div 
 
    </div> 
 
    </body> 
 
</html>

今ではdivのコンテナを使用して、CSSでそれらのスタイルを設定したいです。 twitter's bootstrapをご覧ください。

出典

2016-11-09 21:02:22 topada

ありがとうございました。しかし、左のdivのURLをメインのdivのファイルを開くようにするにはどうすればよいですか？ – rak11

それはちょっと疑問を超えています。 PDFを埋め込む方法に関するこの回答を確認してください。http://stackoverflow.com/a/291823/2434539 – topada

2列HTML文書サイトマップ

答えて

関連する問題