Geek Answers Handbook

Doctype and CSS

I have the following code with a doctype adapter, but when I set it to strict, then the position of the images changes and moves up. Could you help me in understanding the main problem and where can I find a list of these types of other CSS conflicts between different doctrines.

Note that I know that several HTML tags are not available in strict mode, but I mean CSS conflicts.

<!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>
+5
source share
2 answers

In quirks mode and almost standard image mode (which are embedded content, therefore are laid out on the same set of lines as font characters) zero- height is set to its original level .

, vertical-align display: block.

+4

, doctype - . Internet Explorer ( ) , , DOCTYPE.

0

More articles:


All Articles