Проблема с позиционированием элемента в Microsoft Edge

@juleczka · Регистрация: 25.06.2015

Author24 — интернет-сервис помощи студентам

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title></title>
  <style type="text/css">
.text88 {
    font-size: 27px;
    position: absolute;
    color: black;
    width: 50%;
    display: block;
    margin: 0px auto;
    bottom: 18%;
    overflow: hidden;
    left: 25%;
    height: 85px;
}
img {max-width: 100%;
vertical-align: middle;}
  </style>
 </head>
 <body>
 <div style="text-align:center; position: relative;height:100%;">
<img class="" width="1024" height="502" style="height:auto !important;" alt="f1" src="f1-1.png"></img>
<div class="text88">Заголовок</div>
</div>
 </body>
</html>

Уважаемые формумчане, у кого установлена Windows 10 браузер Microsoft Edge блок text88 не позиционируется, остается под картинкой? На Windows 7, 8, 10 во всех остальных браузерах блок располагается на картинке, как и задумано. Кто сталкивался, что нужно Microsoft Edge для позиционирования блока на картинке?

@Moze · 13.11.2016, 14:20

Попробуй с display поиграться, но это не точно

@juleczka · 13.11.2016, 17:28 **[ТС]**

Moze, спасибо за ответ. У вас есть Windows 10 браузер Microsoft Edge?
Дело в том, что этого чуда в наличии не имеется. О проблеме сообщил один из посетителей сайта.
Был проверен лишь один вариант с display: inline-block; - блок, по сообщению посетителя, остался под картинкой ((.
Поиграть бы еще - да никто из знакомых не пользуется(. А еще сомнения - может там у самого посетителя версия корявая?...

@mrtoxas · 13.11.2016, 17:54

juleczka, Я не увидел разницу в chrome и edge. Текст над картинкой.
https://developer.microsoft.co... tools/vms/ - Бесплатные виртуальные машины с Windows для тестирования сайтов на различных версиях IE (v.8-Edge).

@juleczka · 13.11.2016, 18:05 **[ТС]**

В Chrome, Opera, Mozilla на win10 все как нужно.
IE и Microsoft Edge на сколько могу понять из статьи hhttps://technet.microsoft.com/ru-ru/library/mt156988%28v=vs.85%29.aspx не одно и то же - что-то новое...

Спасибо.
Будем проверять)

@Moze 10 / 10 / 4 Регистрация: 02.06.2015 Сообщений: 92
	13.11.2016, 14:20	2
	Попробуй с display поиграться, но это не точно 0

@juleczka 4 / 4 / 1 Регистрация: 25.06.2015 Сообщений: 37
	13.11.2016, 17:28 [ТС]	3
	Moze, спасибо за ответ. У вас есть Windows 10 браузер Microsoft Edge? Дело в том, что этого чуда в наличии не имеется. О проблеме сообщил один из посетителей сайта. Был проверен лишь один вариант с display: inline-block; - блок, по сообщению посетителя, остался под картинкой ((. Поиграть бы еще - да никто из знакомых не пользуется(. А еще сомнения - может там у самого посетителя версия корявая?... 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	13.11.2016, 17:54	4
	juleczka, Я не увидел разницу в chrome и edge. Текст над картинкой. https://developer.microsoft.co... tools/vms/ - Бесплатные виртуальные машины с Windows для тестирования сайтов на различных версиях IE (v.8-Edge). 0

@juleczka 4 / 4 / 1 Регистрация: 25.06.2015 Сообщений: 37
	13.11.2016, 18:05 [ТС]	5
	В Chrome, Opera, Mozilla на win10 все как нужно. IE и Microsoft Edge на сколько могу понять из статьи hhttps://technet.microsoft.com/ru-ru/library/mt156988%28v=vs.85%29.aspx не одно и то же - что-то новое... Спасибо. Будем проверять) 0