Doctype и CSS - PullRequest
Новая
       8

Doctype и CSS

5 голосов
/ 30 января 2012

У меня следующий код с doctype transitional, но когда я установил его в строгом, то положение изображений меняется и движется вверх. Не могли бы вы помочь мне в понимании основной проблемы и где я могу найти список других типов конфликтов CSS между различными типами документов.

Обратите внимание, что я знаю, что немногие теги HTML недоступны в строгом режиме, но я конкретно разбираюсь в конфликтах CSS. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<style type="text/css">
span.check:before { content: url("http://i41.tinypic.com/2rxea7d.png"); }
</style>
<table> 
<tr>
<th>Ruby on Rails</th>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
</tr>
<tr>
<th>Road on Rails</th>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
    <td><span class="check"></span></td>
</tr>
</table>
</body>
</html>

Ответы [ 2 ]

4 голосов
/ 30 января 2012

В режиме причуд и почти в стандартном режиме изображения (которые являются встроенным содержимым, поэтому выложены на том же наборе строк, что и символы шрифта) имеют нулевую высоту на своей базовой линии .

Вы можете получить тот же эффект в режиме стандартов, изменив свойство vertical-align сгенерированных изображений или установив их как display: block.

0 голосов
/ 30 января 2012

Я ожидаю, что изменение типа документа меняет режим работы некоторых версий Internet Explorer со стандартного режима на режим совместимости.Internet Explorer (помимо прочего) исправил интерпретацию модели рамки, но смог переключаться между старым и исправленным методом в зависимости от DOCTYPE.

...