tags:

views:

87

answers:

2
Q: 

Why the lack of DOCTYPE declaration renders <pre> with less height?

The following snippet, with or without the DOCTYPE declaration, renders the <pre> content slightly differently, i.e., the without-DOCTYPE version renders the <pre> content with less height.

<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" -->
<!-- "http://www.w3.org/TR/html4/strict.dtd"&gt; -->
<html>
  <head>
  </head>
  <body>
    <pre>1</pre>
  </body>
</html>

What causes this difference?

A: 

Are those supposed to be two seperate files? Does the latter have a doctype? If not it would be rendered in quirks mode.

meder  2009-08-01 01:54:41
Sorry for the confusion, I've revise it.
an0  2009-08-01 01:57:15
Try adding a doctype.
meder  2009-08-01 02:12:50
+3  A: 
bobobobo  2009-08-01 02:08:51
Hi bob,Your answer clears my thought of the question.I've revise my question into a more accurate one, so can you please revise you answer accordingly? Thanks.
an0  2009-08-01 02:44:00
I think you should modify this sentence also: "So, your second example (with the plain <html> tag) renders in quirksmode because it lacks a DOCTYPE." Maybe to something like: "So your code without DOCTYPE is rendered in quirkmode ...".
an0  2009-08-01 05:05:44

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?