Si, <div id="content"></div>, como todo contenido que desees incluir en un documento html va dentro de <body></body>
Para un correcto maquetado lo que se hace es crear contenedores en los que vamos incluyendo el contenido que necesitemos.
Por ejemplo: Una estructura común de ver sería:
<body>
<div id="contenedor">
<div id="cabecera">
<ul id="menu">
<li><a class="item" id="item1" href="#">item1</a></li>
<li><a class="item" id="itemN" href="#">item n</a></li>
</ul>
</div>
<div id="cuerpo">
<div id="columna_izquierda">... contenido de la columna izquierda ...</div>
<div id="columna_derecha">... contenido de la columna derecha...</div>
</div>
<div id="pie">... contenido del pie...</div>
</div>
</body>
... y en los estilos del head:
<head>
<style type="text/css">
#contenedor{margin:0 auto; /*con margin:0 auto; centras horizontalmente tu contenedor, en la próxima vemos como hacerlo para ie6 XD*/ width: ... ;}
#cabecera{}
#menu{}
#menu li {}
#menu li a{
display:block; /*convertimos los <a>
en etiquetas de bloque para poder darle altura , ancho, interlineado, etc.*/}
.item{}
#item1 {}
#itemN{}
#cuerpo{width: ... ; overflow:hidden; /*damos overflow:hidden; para
limpiar los floats*/}
#columna_izquierda, #columna_derecha{float:left; flotamos las columnas,
ten en cuenta que el ancho total de las columnas no debe superar el ancho de contenido de su padre contenedor, o sea el ancho de #cuerpo. /*[Ancho total = padding+margin+border+width] [Ancho del contenido = width]*/}
#columna_izquierda{width: ... ;}
#columna_derecha{width: ... ;}
#pie{}
</style>
</head>
... por último, lo que deberíamos haber hecho en primer lugar, debes
declarar un dtd al principio de la página, antes de <head>.
Bueno, ya tu personalizarás un poco más esto, teniendo esto aprendido solo restaría que aprendas a trabajar con
posicionamiento
Espero te sea útil, un saludo.