IE6 и IE7 плавающая ошибка внутри заголовка - PullRequest
Новая
       7

IE6 и IE7 плавающая ошибка внутри заголовка

1 голос
/ 22 октября 2009

У нас есть тег привязки, плавающий прямо в заголовке. Он отлично работает на IE8 и Firefox.

Есть идеи, как остановить его появление вне поля заголовка?

Вот код ниже: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
    .wrapper { border: 1px solid black; }
    .wrapper h3 a { float: right; }
</style>
</head>
<body>
<div class="wrapper">

<h3>Contact Details
    <a href="#" class="action button">Update</a>
</h3>
</div>
</body>
</html>

Ответы [ 3 ]

3 голосов
/ 22 октября 2009

Сначала поместите правильный плавающий элемент. 

<h3><a href="#" class="action button">Update</a>Contact Details</h3>
0 голосов
/ 22 октября 2009

Исправлено. Вот два дополнительных правила, которые я добавил в 

.wrapper h3 { overflow:hidden; zoom:1; } 
.wrapper h3 a { margin: -1em 0 0 0; }
0 голосов
/ 22 октября 2009

Если вы плывете, вам нужно сказать h3 очистить его. Я предполагаю, что это будет работать: 

.wrapper h3 { overflow:hidden; zoom:1; }

ЛМК, если нет. И к вашему сведению, я бы не стал ставить якорь внутри h3 таким образом. Я, вероятно, сделал бы его родным из h3, при необходимости оберните div вокруг обоих, а затем примените overflow / zoom.

...