Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / zoom по разному отображаетя в Хром, ИЕ, Файрфокс, как привести к отображению в Хром? / 3 сообщений из 3, страница 1 из 1
17.06.2013, 15:25
    #38300200
Smith2Smith
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zoom по разному отображаетя в Хром, ИЕ, Файрфокс, как привести к отображению в Хром?
Подскажите, плз, почему в разных браузерах (Хром, ИЕ, Файрфокс) результат zoom разный ? В Хроме работает как нужно, в ИЕ не уменьшается размер ячейки таблицы, если нажимать на кнопку "Минус", в Файрфокс не уменьшается размер ячейки таблицы и не выравнивается картинка по верхнему левому краю и при нажатии на "Плюс" картинка вылезает за границы ячейки таблицы.

Что нужно сделать, чтобы в ИЕ и в Файрфоксе при нажатии на "Минус" и "Плюс" отображалось как в Хроме?
Привожу пример:

Код: 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.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>zoom</title>
<script type="text/javascript">
var zoompicL = 1;
var zoompicR = 1;
var zoomUser = 0;
var scaleUser = 1.25;
var zoomUserMax = 1;
var zoomUserMin = -4;
function ImgMinus() {
if (zoomUser == zoomUserMin) {
} else {

var image1 = document.getElementById("JListL");
zoompicL = zoompicL / scaleUser;
image1.style.zoom = zoompicL;
image1.style.MozTransform = "scale("+zoompicL+")";
image1.style.OTransform = "scale("+zoompicL+")";


var image2 = document.getElementById("JListR");
zoompicR = zoompicR / scaleUser;
image2.style.zoom = zoompicR;
image2.style.MozTransform = "scale("+zoompicR+")";
image2.style.OTransform = "scale("+zoompicR+")";

zoomUser = zoomUser - 1;
}
}
function ImgPlus() {
if (zoomUser == zoomUserMax) {
} else {

var image1 = document.getElementById("JListL");
zoompicL = zoompicL * scaleUser;
image1.style.zoom = zoompicL;
image1.style.MozTransform = "scale("+zoompicL+")";
image1.style.OTransform = "scale("+zoompicL+")";


var image2 = document.getElementById("JListR");
zoompicR = zoompicR * scaleUser;
image2.style.zoom = zoompicR;
image2.style.MozTransform = "scale("+zoompicR+")";
image2.style.OTransform = "scale("+zoompicR+")";
zoomUser = zoomUser + 1;
}
}
</script>
<style type="text/css" >
</style>
</head>
<body >
<table table border="0" width="100%" cellpadding="0" cellspacing="0" >
<tr>
<td width="50%"></td><td><img src="http://cdn1.iconfinder.com/data/icons/brightmix/64/monotone_minus.png" onclick="ImgMinus()" alt=""/></td><td><img src="http://cdn4.iconfinder.com/data/icons/brightmix/64/monotone_plus_add.png" 

onclick="ImgPlus()" alt=""/></td><td width="50%"></td>
</tr>
</table>
&nbsp;
<table border="1" width="100%" cellpadding="0" cellspacing="0" >
<tr>
<td width="200px">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </td>
<td width ="10%"><img id="JListL" src="http://www.ansiklopedika.org/images/thumb/3/32/Golden_Rectangle_Construction.svg/475px-Golden_Rectangle_Construction.svg.png" alt=""/></td>
<td width ="10%"><img id="JListR" src="http://www.ansiklopedika.org/images/thumb/3/32/Golden_Rectangle_Construction.svg/475px-Golden_Rectangle_Construction.svg.png" alt=""/></td>
<td width="*">&nbsp;</td>
</tr>
</table>
</body >
...
Рейтинг: 0 / 0
18.06.2013, 11:04
    #38301156
Smith2Smith
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zoom по разному отображаетя в Хром, ИЕ, Файрфокс, как привести к отображению в Хром?
Коллеги, готов объявить тендер на данную доработку. Мыльте Ваши предложения n74562020@yandex.ru .
...
Рейтинг: 0 / 0
19.06.2013, 10:47
    #38302772
Smith2Smith
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zoom по разному отображаетя в Хром, ИЕ, Файрфокс, как привести к отображению в Хром?
Тендер закрыт. Исполнитель нашелся.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / zoom по разному отображаетя в Хром, ИЕ, Файрфокс, как привести к отображению в Хром? / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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