Terranin
-
Posts
6 -
Joined
-
Last visited
Terranin's Achievements
Explorer (1/14)
0
Reputation
-
Вопрос снимается. Хотя было не очень очевидно, что при показе этого div-a ему надо было ставить атрибут display: table; чтобы он правильно растягивался в хроме...
-
Вывожу динамически контент в div, по идее он должен ресайзиться по ширине и высоте контента. Так и происходит в Firefox и IE, но в Chrome и Safari почему-то ресайзится неверно в зависимости от контента. Код: <div id="KeyHistory" style="border: 1px solid #999999; position: absolute; background: white; display: none; z-index: 100; box-shadow: 3px 3px 4px 0px #ccc;"> <div class="FormHeader"> Exchange history <img src="form_cancel.gif" width="16" height="16" onClick="$obj('KeyHistory').style.display = 'none';" style="cursor: pointer; float: right; padding: 2px;"> </div> <div id="history" style="padding: 5px;"> <!——- Сюда вставляется таблица на ходу ———> </div> </div> Вот с этой табличкой во всех браузерах ресайзится правильно А когда в таблице появляются переносы то почему-то в Chrome и Safari div ресайзится неверно...
-
Задолбался гуглить, все какую-то фигню советуют. Проблема: Есть кнопка при нажатии на которую должно выпадать меню, это меню хочется выровнять так чтобы правая граница его совпадала с правой границей кнопки. Для этого нужно получить ширину меню чтобы сдвинуть его влево от кнопки. Получить ширину не получается ни через menu.offsetWidth ни через menu.style.width , оба эти свойства почему-то возвращают пустое значение. Все остальные функции работают нормально, меню располагается справа от кнопки. function showMenu(obj, id) { if (CurrMenu != null) CurrMenu.style.display = "none"; var menu = document.getElementById(id); var width = menu.offsetWidth; menu.style.left = (getAbsX(obj) - width + 16) + 'px'; menu.style.top = (getAbsY(obj) + 16) + 'px'; //alert(width); menu.style.display = ''; CurrMenu = menu; } <div id="ContextMenu1" style="padding: 5px; border: 1px solid #999999; position: absolute; background: white; display: none; z-index: 100;" onMouseOut="HideMenu()"> <table cellpadding="3"> <tr><td class="MenuItem">Edit record</td></tr> <tr><td class="MenuItem">Copy key to clipboard</td></tr> <tr><td class="MenuItem">Copy HardwareID to clipboard</td></tr> </table> </div>
-
Мда, решил проблему. Если кому интересно то было вот что: - при добавлении <!DOCTYPE html> в начало файла IE стал по-другому выравнивать слои - все отступы переписал с добавлением px - в слои нужно было добавить position: relative; теперь во всех браузерах отображается одинаково страница
-
Подозреваю проблему в теге clear: left; похоже IE при этом делает отступ по вертикали а другие браузеры нет. Как заресолвить проблему?
-
Какая-то идиотская проблема с размещением слоев именно в IE, firefox и Chrome отображают все как нужно. Есть несколько слоев которые идут слева направо, и под ними еще один слой который по идее должен прилегать без зазоров. Но почему-то именно в IE между ними появляется зазор. Высота текста ни на что не влияет я его вообще убирал, соседние с "Users' list" слои тоже - их отключал. Зазор все равно остается. Ну что за нафиг? Код: <div style="margin: 0 0 -1px 50px; background-image:url(TabBackground.png); background-repeat: repeat-x; float: left;"> <img src="LeftTab.png" width="20" height="30"><span class="ActiveMenu">Users' list</span><img src="RightTab.png" width="20" height="30"> </div> <div style="margin: 5 10 -1 10; float: left;"> <span class="InactiveMenu"><a href="#">Pending requests</a></span> </div> <div style="margin: 5 10 -1 10; float: left;"> <span class="InactiveMenu"><a href="#">Get new key</a></span> </div> <div style="margin: 5 10 -1 10; float: left;"> <span class="InactiveMenu"><a href="#">Exchange key</a></span> </div> <div style="border: 1px solid #999999; width: 100% - 20px; height: 300px; border-radius: 10px; clear: left; padding: 5px;"> </div> Так показывают нормальные браузеры: Так показывает IE: Ссылка на страницу: страница