Как я могу использовать тег iframe для создания полноразмерной «липкой» боковой навигации вместо использования устаревшего тега frameset? - PullRequest
Новая
       26

Как я могу использовать тег iframe для создания полноразмерной «липкой» боковой навигации вместо использования устаревшего тега frameset?

1 голос
/ 04 июля 2019

Я хочу использовать тег iframe вместо устаревшего тега frameset для создания полноразмерной навигации с липкой стороной? Это можно легко настроить с помощью тега frameset, используя его атрибут cols.

Я нашел полезную помощь в ответах на вопрос ( Альтернатива для фреймов в html5 с использованием iframes ). Однако в этих ответах не предлагаются некоторые полезные советы для создания боковой панели для элементов навигации. 

<style>

    * {
      box-sizing: border-box;
    }

    .header {
      padding: 15px;
    }

    .menu {
      padding: 5px;
      margin: 0;
      padding: 0;
      width: 25%;
      height: 100%;
      background-color: #f1f1f1;
      float: left;
      overflow: auto;}

    .main {
      width: 75%;
      float: left;
      padding: 15px;
      margin-left:25%;
      padding:1px 16px;
      height:1000px;
    }
</style>

    <div class="header">
  <h1>Computer Networks</h1>
</div>
 <hr>
<div class="menu">
    <iframe id="bookpage" name="bookpage" src="Navigation.html"></iframe>
</div>

<div class="main">
  <h1>The Content</h1>
    <iframe id="content01" name="content01" src="courses/DCN/Computer Network Types.html"></iframe>

</div>

Тег iframe добавляет только фрейм или блок, но для случая, показанного в моем коде, тег frameset разделяет порт просмотра на два столбца, в которых навигация размещается в левой части страницы. Как получить этот вывод, используя альтернативный метод, т. Е. Тег iframe HTML5?

...