powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / iFrame
9 сообщений из 9, страница 1 из 1
iFrame
    #38965288
SandE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
iframe сопротивляется установке высоты в % и при использовании CSS, JS. Работает только абсолют в пикселях. В чем может быть причина?
...
Рейтинг: 0 / 0
iFrame
    #38965370
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.d1 {width:500px; height:250px;}
iframe {
  width:100%;
  height:100%;
  border:1px solid red;
}
</style>
</head>
<body>
<div class="d1">
  <iframe src="http://www.sql.ru/forum/1157787/iframe"></iframe>
</div>
</body>
</html>


Или задать стиль в самом тэге
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.d2 {width:600px; height:310px;}
</style>
</head>
<body>
<div class="d2">
  <iframe src="http://www.sql.ru/forum/1157787/iframe" style="width:100%; height:100%; border:1px solid green;"> </iframe>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
iFrame
    #38966966
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SandE,

Как задайте стиль? В отдельном файле? Ведение? Или в тебе?

Во всех ли браузерах проблема или в каком-то одном?
...
Рейтинг: 0 / 0
iFrame
    #38967872
SandE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
В Ваших примерах изначально высота в абсолюте (в классе), а она не известна. Из 6-ти браузеров (Opera-29, GC-43, Safari- 5.1, MFF-3.0, IE-10.0, Maxthon-3.4) только Maxthon отрабатывает % корректно.
...
Рейтинг: 0 / 0
iFrame
    #38967895
SandE,

на основе моего примера, дайте свой, где не получается. Посмотрим...
...
Рейтинг: 0 / 0
iFrame
    #38967902
SandE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="С.css">
<title> - "Электронная Информационая Система - </title>
</head>

<body>

<table style="height: 650px" border="1" cellpadding="0" cellspacing="0" width="100%" >

<tr style="height: 5%">
<td width="75%" bgcolor="#00BFFF" text="#0000CD" colspan="3">
<p align="Right"><font face="Arial" size="2" ><b> Информационная система 'Доступ' </b></font> </p>
</td>
</tr>

<tr style="height: 85%">
<td width="20%" valign="top">
<ul>
<li><a href="proba.php" target="main"> Пользователи </a></li>
<li><a href="syst_dict.php" target="main"> Системы </a></li>
<li><a href="index.html" title="Ссылка"> Ссылка </a></li>
</ul>
</td>
<td width="55%" valign="top">
<center> <iframe name="main" frameborder="No" width="100%" height="300"></iframe></center>
</td>
<td width="25%" valign="top" >
<center> <iframe name="actn" frameborder="No" width="100%" height="300"></iframe></center>
</td>
</tr>

<tr style="height: 5%">
<td width="20%">текст</td>
<td width="80%" colspan="2">контент-низ</td>

</tr>

</table>
</body>
</html>
...
Рейтинг: 0 / 0
iFrame
    #38967907
SandE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
В примере высота стоит в абсолюте, т.к. вынужден двигаться дальше. JS тоже пробывал - не помогает!?
...
Рейтинг: 0 / 0
iFrame
    #38968103
SandE,
Работающий вариант
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выравнивание iframe по высоте</title>
<style>
* {margin:0; padding:0;}
#skel {
  height:650px;
  border-collapse:collapse;
  width:100%;
}
#skel td {border:1px solid #aaa;}
#skel iframe{border:0;}
#skel .header {
  background:#00BFFF;
  color:#0000CD;
  padding:0 5px 0 0;
  text-align:right;
  font:700 1em Arial;
  height:5%;
}
#skel .menu {
  width:20%;
  height:85%;
  padding:4px 0 0 5px;
  vertical-align:top;
}
#skel .frame1 {width:55%;}
#skel .footer {height:5%;}
</style>
</head>

<body>
<table id="skel">
<tr class="header">
  <td colspan="3">Информационная система 'Доступ'</td>
</tr>

<tr>
  <td class="menu">
  <ul>
    <li><a href="proba.php" target="main1"> Пользователи </a></li>
    <li><a href="syst_dict.php" target="main2"> Системы </a></li>
    <li><a href="index.html" title="Ссылка"> Ссылка </a></li>
  </ul>
  </td>
  <td class="frame1">
    <iframe name="main1" style="width:100%; height:100%;" src="http://www.sql.ru/forum"></iframe>
  </td>
  <td>
    <iframe name="main2" style="width:100%; height:100%;" src="http://www.sql.ru/forum/1157787/iframe"></iframe>
  </td>
</tr>

<tr class="footer">
  <td>текст</td>
  <td colspan="2">контент-низ</td>
</tr>
</table>
</body>
</html>

...
Рейтинг: 0 / 0
iFrame
    #38968329
SandE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо! Вариант действительно работает, но по всей видимости накладывается <DOCTYPE>. До нормальной стандартизации еще далеко! Такой вариант, тоже пробывал, потом другие касяки лезут. Но, все равно, благодарю за помощь!!!
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / iFrame
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]