Маленькая высота для iExplorer

dosss

Member
Joined
May 24, 2006
Messages
5
Reaction score
0
Age
44
Location
nmosccow
Почему этот код рисует прямоугольник в IE а не квадрат, как задумано?
<div style="width: 5px; height: 5px; background-color: #f46a90;"></div>
Как можно это обойти?
 

Mirabo

Member
Joined
Aug 9, 2004
Messages
336
Reaction score
113
Age
56
Занятно... Сам не пойму в чем причина. Выход такой попробуй: вставь между тегами DIV пустую картинку в формате gif (т.н. "растяжка") размером 1 на 1 пиксель и увеличь ее ширину и высоту до 5 пикселей.
Приблизительно так:
<div style="width: 5px; height: 5px; background-color: #f46a90;"><img src="/images/spacer.gif" width="5" height="5" /></div>
 

dosss

Member
Joined
May 24, 2006
Messages
5
Reaction score
0
Age
44
Location
nmosccow
Надо прописать размер шрифта: font-size: 1px;
 

Mirabo

Member
Joined
Aug 9, 2004
Messages
336
Reaction score
113
Age
56
Позволь узнать, а для чего такая мелкота? Полагаю, что это не сайт специально оптимизированный для просмотра с микроскопом? И куда ты хотел бы вставить текст с таким размером шрифта?
Есть еще вариант - вынести стиль отдельно, с учетом размера шрифта:

<style type="text/css">
<!--
div {
font-size: 1px;
height: 5px;
width: 5px;
background-color: #f46a90;
}
-->
</style>

У себя я проверил в IE - это работает.
 

di35e1

Premium Member
Platinum
Legendary
Joined
Jun 6, 2016
Messages
759
Reaction score
179
Age
43
ie много че через жопу делает, спецификации не для него.. : )
 

dosss

Member
Joined
May 24, 2006
Messages
5
Reaction score
0
Age
44
Location
nmosccow
Mirabo said:
Позволь узнать, а для чего такая мелкота?
Это для простой визуальной тени.
 

Mirabo

Member
Joined
Aug 9, 2004
Messages
336
Reaction score
113
Age
56
Это для простой визуальной тени
Это тень от текста? А по другому никак это решить нельзя?
 
Top