Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / iFrame / 9 сообщений из 9, страница 1 из 1
21.05.2015, 14:21
    #38965288
SandE
SandE
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
iframe сопротивляется установке высоты в % и при использовании CSS, JS. Работает только абсолют в пикселях. В чем может быть причина?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.05.2015, 15:12
    #38965370
МирДверьМяч
МирДверьМяч
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
Код: 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
| Ответить | Цитировать | Написать  
23.05.2015, 10:51
    #38966966
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
SandE,

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

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

на основе моего примера, дайте свой, где не получается. Посмотрим...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.05.2015, 14:35
    #38967902
SandE
SandE
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
<!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
| Ответить | Цитировать | Написать  
25.05.2015, 14:39
    #38967907
SandE
SandE
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
В примере высота стоит в абсолюте, т.к. вынужден двигаться дальше. JS тоже пробывал - не помогает!?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.05.2015, 17:40
    #38968103
МирДверьМяч
МирДверьМяч
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
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
| Ответить | Цитировать | Написать  
26.05.2015, 09:02
    #38968329
SandE
SandE
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iFrame
Спасибо! Вариант действительно работает, но по всей видимости накладывается <DOCTYPE>. До нормальной стандартизации еще далеко! Такой вариант, тоже пробывал, потом другие касяки лезут. Но, все равно, благодарю за помощь!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / iFrame / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 470ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445998]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 114ms
get topic data:
 14ms
get forum data:
 4ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 247ms
total:  470ms
x
x
Закрыть


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