IE9 Ошибка div прыжков при наведении тега привязки - PullRequest
Новая
       7

IE9 Ошибка div прыжков при наведении тега привязки

0 голосов
/ 22 ноября 2011

У меня проблема с блоком нижнего колонтитула в браузере IE9, который перепрыгивает один раз при наведении a-Tag.

Мой нижний колонтитул и якорь css: 

footer {
    margin: 0 0 0 210px; /* 210 */
    padding: 35px 0 100px 0;
    border-top: 4px solid #E7E7E7;
    background: url(img/color-code.gif) 0 90px no-repeat;
    width: 710px;
}
footer a:focus,
footer a:hover {
    background: url(img/dash_hover.gif) 0 100% repeat-x;
    text-decoration: none;
}

Он использует HTML5, но также и для div вызывает ту же проблему и прыгает вниз на 4 пикселя. 

<footer>
    <p>firm <span>street</span> <span>where</span>   <span>tel:</span> <span><a href="#" target="_blank">mailto</a></span> <span><a href="/impressum" hreflang="de">impressum</a></span>
    </p>
</footer>

1 Ответ

1 голос
/ 23 ноября 2011

Я нашел решение, но я не доволен.

Мой блок основного контента: 

<div id="header"></div>
<div id="maincontent"></div>
<div id="footer"></div>

мои maincotnent стреляют везде, где я хочу очистить его везде, где естьчтобы очистить, но это не помогло.

Тогда я попытался использовать overflow: hidden.на моем maincontent и это делает хак, но как он говорит, что скрывает переполненные элементы, поэтому мне не нравится.

...