嵌入HTML视频；显示错误

我正在使用DreamWeaver从头开始构建一个网页（没有模板）。这是学校的一个项目

在我尝试嵌入YouTube视频之前，我的DIV格式很好。为什么我的YouTube视频卡在标题的正下方？此外，页面右侧的DIV/表也不正常。它只希望YT视频在左边，桌子在右边，我希望他们水平排列

谢谢你的帮助

代码：

HTML-

---

首先，欢迎来到StackOverflow。我只花了大约一分钟的时间查看和编辑您的代码，但我想我已经了解了您想要做什么的要点。请参阅下面的代码：

更改

#body

元素以匹配以下代码：（我绝对定位了div。）

将此粘贴到CSS中：

.video-container{
    width:auto;
    height:auto;
    margin-top:75px;

}

现在，让我说你的HTML有点凌乱，可以简化很多。正如@Havard Brynjulfsen指出的，有一些ID和类仍然没有使用。在任何情况下，上面的代码都应该产生预期的结果，但是如果您愿意更改HTML结构，那么您尝试做的事情可以更优雅地完成

此外，您的HTML中还存在一些错误。我强烈建议您向官方验证您的代码

有太多的问题要我在这里列出而不偏离主题，但这里有一些重要的问题：

您的doctype声明不正确，应该是

您的

应该位于文档的

中

---

您有几个未使用的ID和类，但这不是问题所在；）您可以创建一个包装器，用来将表和视频放在一起，两者都有

float:left

，包装器有

overflow:auto

。是否也要将它们居中对齐到页面中心？很酷的作业顺便说一句，比我在学校时的作业酷多了只是为了记录，这个问题可能更适合codereview.stackexchange.com.Hi@JessT，我注意到你更新了你的网站，加入了我建议的更改。如果我的回答解决了您的问题，请按复选标记接受。谢谢

@charset "UTF-8";
/* CSS Document */

body {
background-color:#EEEEEE;
position: fixed;

}

#top {
width: 100%;
height: 60px;
background-   image:url('http://img.photobucket.com/albums/v483/CrazyInsaneJess/familybook.png');
background-color:#FFF;
background-repeat:no-repeat;
background-position:60px bottom;
border-bottom-width:thin;
border-bottom-color: #333;
border-bottom-style:solid;
position: fixed;
top: 0px;
}

#body {
width: 550px;
height: 400px;
background-color: #99aabb;
text-align: right;
margin: 10px;
position: relative;
left: 650px;
bottom: 215px;
}

h1 {
color: #333;
font-family: Arial, Verdana, sans-serif;
text-align: center;
margin: 0px;
top: 10px;
position: relative;
}

.video {
position: relative;
left:170px;
top: 170px;
}


ul.crap {
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

#video {
color: #99aacc;
font-family: Arial, Verdana, sans-serif;
text-align: center;
height: 200;
width: 450;
margin: 350px 0px 0px;
position: absolute;
}

.table {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:14px;
color: white;
}

.head {
color: #333;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
padding: 15px;
font-weight:100;
}

.footer{
width: 100%;
height: 60px;
background-color: #99aacc;
border:1px solid #333;
position:fixed;
bottom:0px;
}

#footer{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding:5px;
color: white;
text-align:center;
}

a {
text-decoration:none;
}

  #body {
width: 550px;
height: 400px;
background-color: #99aabb;
text-align: right;
margin: 10px;
position: absolute;
left: 650px;
top:65px
}

.video-container{
    width:auto;
    height:auto;
    margin-top:75px;

}