Почему кадры не видны с этим кодом? - PullRequest
Новая
       4

Почему кадры не видны с этим кодом?

1 голос
/ 22 октября 2010 
<html>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
  <title>Welcome to my blog</title>

  <body>
      <frameset cols="10%,60%,30%" border="0" framespacing="5" frameborder="0">
        <frame src="leftpane.htm" name="left_frame" scrolling="no" />
        <frame src="middlepane.htm" name="middle_frame" scrolling="no" />
        <frame src="rightpane.htm" name="right_frame" scrolling="no" />
      </frameset>




  </body>
</html>

Файл leftpane.html содержит следующий код: 

<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <meta name="generator" content="Studio 3 http://aptana.com/">
    <meta name="author" content="RP">
    <!-- Date: 2010-10-22 -->
</head>
<body>
      <div id="PhotoBox-Outline" style = "top: 50px; left: 50px">
          <div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
          </div>
      </div>

      <div id="PhotoBox-Outline" style = "top: 280px; left: 50px">
          <div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
          </div>
      </div>
</body>
</html>

Тот же код работал, когда вышеупомянутые div были в первом коде, и когда я не определил frameset.

Ответы [ 2 ]

2 голосов
/ 22 октября 2010

Когда вы используете frameset, вы используете его вместо body. Просто удалите ваше тело и / body теги в основном HTML-файле.

http://www.w3.org/TR/html4/present/frames.html

"Стандартный документ имеет один раздел HEAD и один ТЕЛО. Документ набора фреймов имеет HEAD и FRAMESET вместо ТЕЛА."

1 голос
/ 22 октября 2010

В первом примере с кадрами; 

<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
  <title>Welcome to my blog</title>

должно выглядеть примерно так: 

<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
</head>

Также на левой панели; 

<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>

Я считаю, что лучше всего размещать таблицу стилей внутри тега head; 

<html lang="en">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">

См. http://www.w3.org/TR/html401/struct/links.html для примера.

...