Как исправить небольшую страницу, чтобы она правильно отображалась в IE7?(2) - PullRequest
Новая
       3

Как исправить небольшую страницу, чтобы она правильно отображалась в IE7?(2)

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

Я вырезал много кода.Код, необходимый ниже.Вот небольшая html-страница: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML >
<HEAD>

</HEAD>
<BODY>
<DIV style="border:1px solid #000;">
    <SPAN style="MARGIN-LEFT:20px;">
        Previous
    </SPAN>
    <SPAN style="FLOAT:right; MARGIN-RIGHT:20px;">
        Next
    </SPAN> 
</DIV>
</BODY>
</HTML>

Все, что мне нужно, это отобразить предыдущее и следующее в одной строке.Это выглядит один под другим в IE7, но хорошо в FF и Opera.Хром еще не тестировался.Кроме того, когда я удаляю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">, Opera отображает эти два слова не в одной строке.Все, что я хочу, это отобразить слово «Предыдущий» слева и «Далее» справа внутри div и в одну строку.

Какой лучший способ исправить это?Спасибо.

1 Ответ

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

Хорошо, в данный момент у меня нет всех этих браузеров, но вы, вероятно, можете решить проблему, добавив float: left к первому диапазону. Кроме того, я хотел бы предположить, что некоторые другие ваши коды заботятся об этом, но для вашего небольшого примера вот несколько дополнительных стилей, которые вам могут понадобиться: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML >
<HEAD>
</HEAD>
<BODY>
<DIV style="border:1px solid #000; overflow: hidden; width: 100%;">
    <SPAN style="clear: left; FLOAT:left; MARGIN-LEFT:20px;">
        Previous
    </SPAN>
    <SPAN style="clear: right; FLOAT:right; MARGIN-RIGHT:20px;">
        Next
    </SPAN> 
</DIV>
</BODY>
</HTML>

Не то чтобы мы установили ширину и значение переполнения для содержащего элемента div. Четкое значение не важно в большинстве случаев использования. При необходимости вы можете использовать различные значения ширины и переполнения (например, 50% и авто).

Для получения дополнительной информации и дополнительных настроек, см. Эту статью . Если бы у меня была удобная копия IE7, я бы проверил ее для вас, но вы должны быть рядом.

Из статьи:

Использование декларации ширины или высоты требуется для Эффект работы в Проводнике Windows и Opera. Если вы не включите его Проводник Windows продолжает показывать границу в верхней части столбцы, как будто не было переполнения. Опера полностью скрывает содержимое контейнера.

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

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

...