Как импортировать два файла html в один без iframe?

Question

[Толя Иванов]

Привет,

Делаю мобильный сайтик, там надо на одной странице показать 2 разных html,
я поступил просто, сделал фреймсет из двух фреймов (сверху и снизу) по 50%, на мобильнике как ни странно выглядит хорошо и там показывается как будто 100% и потом скролл вниз и там еще 100% вместо браузера где страница поделена ровно на 50% и скроллы по бокам, выглядит ужасно.

Я осознавая что это какой-то рубленый вариант, хочу сделать красивенько и хочу чтобы и в браузере и в мобильном телефоне эта страница выглядела одинаково. Для этого я хочу добиться чтобы в браузере при открытии показывалась одна страница, а потом скролл вниз и там другая страница.

Я краем уха слышал что можно импортировать html без использования iframe, но я мало разбираюсь, пожалуйста помогите импортировать по правилам хорошего кода

Comments

[Владик Лимонадик]

Я чот ничо нипонял. Это норм, или я тупой?

Answer 1

[asd111]

обычно делают либо отдельный сайт на поддомене, как у m.habrahabr.ru
либо делают адаптивный сайт через media запросы как у toster.ru

как правило при адаптивности некоторые части делают невидимыми когда размер экрана не такой как надо.
Например на тостере правая панель видна только если размер экрана не менее 1024 px
по умолчанию панель имеет стиль

.column_sidebar {
display: none;
}

а на экранах от 1024px стиль такой:

media only screen and (min-width: 1024px)
.column_sidebar {
float: left;
display: block;
width: 300px;
margin-left: -300px;
position: relative;
height: 100%;
min-height: 1px;
z-index: 1;
}

Comments

[Толя Иванов]

у меня это мобильный сайт m.site.ru но дело в том что некоторые андроид браузеры пытаются отобразить его как полноценный браузер и там есть скроллы у фреймов. А мне хочется создать страницу где будет нормально отображаться первый фрейм и второй, получается 100% первый фрейм и затем второй фрейм тоже 100%, собственно оно так и отображается в Сафари с мобильника, но на Андроиде не так :( поэтому то что я в начале сделал не подходит, надо нормально отобразить.

[asd111]

poleteli-poleteli: пробовали ?

[Толя Иванов]

Мне надо грузить два фрейма сразу, без условий разрешения экрана, даже на старенькой Opera Mini должно грузится. Мой вопрос как бы заключается в том, как импортировать 2 фрейма в один и сделать это монолитной страницей и иметь глобальный скролл, а не 2 маленьких.

[asd111]

poleteli-poleteli: ой у меня код пропал, извините, хотел написать <iframe scrolling="no">

[Толя Иванов]

asd111: это понятно, тогда будет отображаться полстраницы без скрола и другая страница тоже без скрола.