Я получаю это странное поведение с некоторым простым связанным текстом с границей в IE 8. При нажатии на следующие поля IE уменьшает высоту и расширяет поле, а также уменьшает размер текста внутри границы....
вот мой соответствующий css:
.learn-more, .donate {
width: 20%;
position: absolute;
top: 172px;
border: 1px dashed black;
padding: 4px;
text-align: center;
}
вот мой html:
<div class="program-description">
<p><b>-Education: Primary Level-</b></p>
<p>A primary level education is where success begins and is the foundation needed for further education. U4U provides opportunities for destitute children to attend a reputable school and begin the journey to success.</p>
<a href="sponsorship.html" alt ="Learn more about Sponsorship" class="learn-more">Learn more</a>
<a href="https://squareup.com/market/unified-for-uganda/sponsorship" target="_blank" alt="Donate to Sponsorship"class="donate">Donate</a>
</div>
У меня есть файл normalize.css, но это действительно вызывает конфликт? я несколько раз стучал головой об этом...
здесь он жив: http://unifiedforuganda.com/ugandanprograms.html
Normalize.css - это настройки a: focus и a: посещаются по стандарту (без стилизации границ). Случилось так, что вы применили.learn-more,.donate к a и дали им границу, но вы не имели дело с посещенной версией в своем стиле: поэтому ссылки возвращают то, что он по умолчанию и утрачивает свои границы. просто переопределите CSS эти стили в таблице стилей
.learn-more:visited, .donate:visited {
width: 20%;
position: absolute;
top: 172px;
border: 1px dashed black;
padding: 4px;
text-align: center;
}