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

dosss

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

Mirabo

Member
Joined
Aug 9, 2004
Messages
336
Reaction score
113
Занятно... Сам не пойму в чем причина. Выход такой попробуй: вставь между тегами 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
Надо прописать размер шрифта: font-size: 1px;
 

Mirabo

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

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

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

di35e1

Botnet Operator
Reverse Engineer
Cryptographer
Joined
Jun 6, 2016
Messages
758
Reaction score
179
ie много че через жопу делает, спецификации не для него.. : )
 

dosss

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

Mirabo

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