Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Вставка HTML-страницы в другую HTML страницу (https://javascript.ru/forum/xhtml-html-css/28708-vstavka-html-stranicy-v-druguyu-html-stranicu.html)

hadzhimuratov 30.05.2012 16:10

Вставка HTML-страницы в другую HTML страницу
 
Добрый день форумляне, подскажите пожалуйста, есть ли способ вместить в страницу содержание другой страницы, причем вторая страница должна быть уменьшена в масштабе без изменения содержимого.

Имеется html страница с картой, мне нужно уменьшить ее размер и поместить в центр другой страницы.
По средствам чего можно это выполнить

c iframe не получается, она просто не влазит в iframe, появляются скролы,
неужели нет способа играть с размерами html страницы.:help:

devote 30.05.2012 16:46

zoom: N; /* для IE */
transform: scale(...); /* для остальных */

hadzhimuratov 30.05.2012 17:35

Спасибо большое, только мне нужно уменьшить страницу, а transform: scale(...) - только увеличивает.
как уменьшить страницу, какой параметр использовать????
HELP!!!

Раед 30.05.2012 17:49

Цитата:

Сообщение от hadzhimuratov
какой параметр использовать????

Меньше>1

devote 30.05.2012 17:52

transform: scale(0.5); // уменьшит в два раза

hadzhimuratov 30.05.2012 17:54

К сожалению Раед, Вы неправы, каждая цифра это полная ширина или высота объекта:
1 – размер не изменится;
1.5 – размер увеличится в полтора раза по ширине или высоте;
2 – размер увеличится в два раза по ширине или высоте;
3- размер увеличится в три раза по ширине или высоте;
Так что transform: scale(...) - не подходит

hadzhimuratov 30.05.2012 17:56

это параметр для css применяемой для div, тогда подскажите как мне вставить страницу в div.

hadzhimuratov 30.05.2012 18:09

devote, не получается

вот этот класс для div описанный в css
.wrapper {
position:relative;
-o-transform: scale(0.5)
}
не уменьшает

P.S. Какой параметр указать, для того что бы в div загрузить html-страницу?????

Deff 30.05.2012 18:51

<style>
body{

-o-transform:scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform::scale(0.5);
}
</style>

Раед 30.05.2012 18:52

Цитата:

Сообщение от hadzhimuratov
К сожалению Раед, Вы неправы

К счастью, hadzhimuratov, я прав
Введите в консоль
document.body.style.OTransform = 'scale(0.4, 0.1)'


Часовой пояс GMT +3, время: 02:48.