Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> iframe, height + html5 
:(
    Опции темы
Muerto
Дата 2.10.2011, 13:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4



Не могу понять, вот есть такой код

Код

<!DOCTYPE html>
<html>
<head>
<title>google</title>
<head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<iframe name="sframe" id="sframe" src="http://google.com" frameborder="0" scrolling="auto" width="100%" height="90%"></iframe>
<div style="background-color:blue;height:10%;text-align:center;" >
информация
</div>
</body>
</html>


Если убрать 
Код

<!DOCTYPE html>


То все норм, а если оставить, то айфрейм не растягивается на всю страницу...
Буду рад если кто подскажет как это правильно делать , в частности что бы работало с html5



----

Пока наковырял:

Код

<!DOCTYPE html>
<html>
    <head>        
        <title>google</title>
        <style type="text/css">
          html, body {margin: 0; padding: 0; height: 100%;overflow:hidden;}
          iframe#sframe {height: 90%; width: 100%;border:none;margin: 0; padding: 0; overflow:auto;}
       </style>
    <head>
    <body>
        <iframe name="sframe" id="sframe" src="http://google.com"></iframe>
        <div style="background-color:#72a4d3;height:12%;text-align:center;margin-top:-5px;" >
            информация
        </div>
    </body>
</html>


Но не кроссбраузерно и оч коряво ( пришлось маргин-топ ставить -5, а то почему то белое место оставляет...

Это сообщение отредактировал(а) Muerto - 2.10.2011, 14:14


--------------------
user posted image
PM MAIL   Вверх
Toydestroyer
Дата 2.10.2011, 14:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Awaiting Authorisation
Сообщений: 25
Регистрация: 8.9.2011
Где: San Francisco

Репутация: нет
Всего: 0



Код

html, body {
    width: 100%;
    height: 100%;
}

Может так?

И да, раз уж заявили html5, то не используйте атрибуты десятилетней давности:
Цитата

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

PM MAIL WWW ICQ Skype Jabber   Вверх
Muerto
Дата 2.10.2011, 15:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4



Toydestroyer в первом посте есть продолжение, там уже у бади нету этих атрибутов...
Мне на самом деле нужно четкое деление, айфрейм который растягивается на всю страницу, и 100 к примеру пикселей по высоте внизу - должен быть div
т.е. у дива размер фиксированный, а айфрейм тянется (ну должен покрайней мере  smile )

По теме кстати пока нарыл http://stackoverflow.com/questions/325273/...emaining-height

из всех вариантов похоже с javascript самый нормальный пока...

Хотя хотелось бы норм css решения.

Это сообщение отредактировал(а) Muerto - 2.10.2011, 15:07


--------------------
user posted image
PM MAIL   Вверх
SelenIT
Дата 2.10.2011, 17:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(Muerto @  2.10.2011,  15:06 Найти цитируемый пост)
айфрейм который растягивается на всю страницу, и 100 к примеру пикселей по высоте внизу - должен быть div
т.е. у дива размер фиксированный, а айфрейм тянется

Имхо, надежнее всего через абс. позиционирование, как-то так.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Muerto
Дата 2.10.2011, 23:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4



SelenIT Отлично работает во всех браузерах кроме ie ...

Спасает от части задать iframe_container высоту 100% ищу как лучше...


--------------------
user posted image
PM MAIL   Вверх
SelenIT
Дата 2.10.2011, 23:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Какого IE? 6-го, что-ли? Его я не учитывал, на крайняк, для него можно задать контейнеру _height: expression(this.parentNode.clientHeight - 100 + 'px'). А начиная с 7-го должно работать.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Muerto
Дата 2.10.2011, 23:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4



В 8мом тестил, в конце проставил

height: expression(this.parentNode.clientHeight - 98 + 'px')
Вроде должно работать во всех IE

почему то сотка оставляля "пустое" место между нижним блоком и фреймом... 
вечно головная боль с IE  smile 

В общем ещё раз спасибо большое!

Это сообщение отредактировал(а) Muerto - 3.10.2011, 00:06


--------------------
user posted image
PM MAIL   Вверх
SelenIT
Дата 3.10.2011, 00:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Хм, я тестил в 9-м во всех режимах, кроме Quirks (т.е. "родном" и эмуляциях 7-ки и 8-ки) - везде работает как есть. У вас Quirks mode не включен случаем (через F12)? И перед доктайпом ничего нет - ни комментариев, ни BOM-метки?


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Muerto
Дата 3.10.2011, 00:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4



SelenIT, Ничего нету... первая строка доктайп, квирк модов не врубал...   smile 


--------------------
user posted image
PM MAIL   Вверх
SelenIT
Дата 3.10.2011, 01:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Упс, 1000 извинений. В режиме 7-го действительно не растягивает, я тестил в малюсеньком окне (на jsfiddle) и не сразу заметил. Соответственно, в 8-ке в Compatibility view будет тот же глюк. Да, получается, для 7-го тоже нужен expression...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0966 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.