Пробел в IE7 из-за тега h1 - PullRequest
Новая
       0

Пробел в IE7 из-за тега h1

2 голосов
/ 09 января 2012

В IE7 существует дополнительный интервал между вопросом и параметрами, но только для первого вопроса. Если я удаляю заголовок <h1>, пропасть исчезает. Это не происходит в IE8. В чем причина и как мне заставить его работать в IE7? 

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        .question { padding-bottom: 25px; } 
        .questionNumber { width:30px; float:left; } 
        .questionText { float:left; margin-bottom:5px; }
        .options { clear:both; margin-left:30px; } 
    </style>
</head>

<body>
    <h1>Survey</h1> <!-- if this line is removed, the gap disappears -->
    <div class="question">
        <div class="questionNumber">1)</div>
        <div class="questionText">Question 1:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

    <div class="question">
        <div class="questionNumber">2)</div>
        <div class="questionText">Question 2:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

</body>
</html>

enter image description here

Ответы [ 4 ]

2 голосов
/ 09 января 2012

Проблема с плавающей точкой. Удалить float:left из объявлений для .questionText.

2 голосов
/ 09 января 2012

введите этот стиль: 

h1{
margin:0;
padding:0;
}

Примечание: Вы используете html5 DOCTYPE.HTML5 не поддерживает более низкую версию, т. Е.

1 голос
/ 09 января 2012

Сброс ваших стилей на h1.Так же, как это 

h1 {
  padding: 0;
  margin: 0;
  display: block;
  clear: both;
}

Я думаю, что это может помочь вам.Просто попробуйте.

1 голос
/ 09 января 2012

Сброс ваших стилей на h1, вероятно, это высота строки, толкающая его вниз. 

h1 {
line-height:0;
margin:0;
padding:0;
}

Я бы предложил использовать таблицу стилей сброса, так как это избавит вас от головной боли при отладке в будущем

http://meyerweb.com/eric/tools/css/reset/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...