div float

**drhowarddrfine** · Jan 9 '10, 05:00 PM

Couple things to change. First, no one should ever use, or learn with, the transitional doctype. That's for older pages using deprecated elements. Always use strict:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

From that you'll notice I gave you the HTML doctype rather than XHTML. Almost everyone who tries to use the XHTML doctype does so because they think it's better in some way yet almost no one serves their web pages as XHTML. Inept browsers, specifically IE, can't even handle XHTML served that way so why bother?

Along that point, closing tags, />, are xhtml only and I recommend removing the slashes since they'll be treated as html.

In your CSS file, remove the <style type="text/css"> and </style>. Those are only for the HTML file should you be including style properties in your HTML file.

All elements have margin and padding by default. Some people use a "reset" to set all elements to zero margin and padding and then set everything to what they want but this is controversial.

The reason the nav doesn't stay on one line is because the enclosing div is set to 775px which isn't wide enough to contain the nav so it wraps and drops down.

div float

div float

Comment