无法使带有css的html5与所有浏览器一起工作_Html

无法使带有css的html5与所有浏览器一起工作

html

无法使带有css的html5与所有浏览器一起工作,html,Html,我有一页我正在努力写。我想要一个页眉，页脚，三列，分别是20%60%20%。我正在尝试使用html5。这段代码适用于firefox，但IE的div标签位于底部。在左上圈，铬合金显示底部的div。我不知道我做错了什么。例子是 ... 页眉下方的按钮不超过20%向左对齐标题{ 背景色：#744626；颜色：#41200b；文本对齐：居中；填充：0px；高度：186px； } 导航{ 线高：30px；背景色：#fbf2dc；高度：1947px；宽度：200px；浮动：左；填充：1

我有一页我正在努力写。我想要一个页眉，页脚，三列，分别是20%60%20%。我正在尝试使用html5。这段代码适用于firefox，但IE的div标签位于底部。在左上圈，铬合金显示底部的div。我不知道我做错了什么。例子是


...
页眉下方的按钮不超过20%向左对齐
标题{
背景色：#744626；
颜色：#41200b；
文本对齐：居中；
填充：0px；
高度：186px；
}
导航{
线高：30px；
背景色：#fbf2dc；
高度：1947px；
宽度：200px；
浮动：左；
填充：10px；
}
部分{
宽度：600px；
浮动：左；
填充：10px；
背景色：#fbf2dc；
高度：2000px；
垂直对齐：顶部；
}
旁白{
宽度：300px；
浮动：对；
填充：0px；
背景色：#fbf2dc；
高度：2000px；
}
页脚{
背景色：#fbf2dc；
颜色：#41200b；
明确：两者皆有；
文本对齐：居中；
填充物：5px；
}
身体{
背景色：#fbf2dc；
颜色：#41200b；
}
img{
显示：块
}
.Normal-C17
{
字体系列：“投石机MS”，无衬线；字体重量：700；
字体大小：15.0px；行高：30px；颜色：#0000ff；
文本对齐：居中；
}
桌子{
边界塌陷：塌陷；
}
表，th，td{
边框：1px实心#744626；
}
s
居中，位于页面底部10%

您可以尝试流体布局功能。链接下面的CSS文件是高度可定制的。它有一个很好的特性，网页可以在手机、平板电脑或台式机上进行调整，即响应速度快

试用和定制，我刚刚上传了它们。（如果您以前未在Adobe Dreamweaver中使用流体功能。）

链接到styles.css文件：

链接到boilerplate.css文件：

我希望以上步骤对您有所帮助

 <html>
    <header>...</header>
    <section>
    <nav>buttons below the header not to exceed 20% align left
    </nav>
    <div>
    </div>
    <style>
    header {
    background-color:#744626;
    color:#41200b;
    text-align:center;
    padding:0px;
    height:186px;
   }
    nav {
    line-height:30px;
    background-color:#fbf2dc;
    height:1947px;
    width:200px;
    float:left;
    padding:10px;
    }
    section {
    width:600px;
    float:left;
    padding:10px;
    background-color:#fbf2dc;
    height:2000px;
    vertical-align:top;
    }
    aside{
    width:300px;
    float:right;
    padding:0px;
    background-color:#fbf2dc;
    height:2000px;
    }
    footer {
    background-color:#fbf2dc;
    color:#41200b;
    clear:both;
    text-align:center;
    padding:5px;
    }
    body {
    background-color:#fbf2dc;
    color:#41200b;
    }
    img {
    display: block
    }
    .Normal-C17
    {
    font-family:"Trebuchet MS", sans-serif; font-weight:700; 
    font-size:15.0px; line-height:30px; color:#0000ff; 
    text-align:center;
    }
    table{
    border-collapse: collapse;
    }
    table, th, td{
    border: 1px solid #744626;
    }
    </style>
    </section>
    <aside>s</aside>
    <footer>be centered and be the bottom 10% of page</footer>
    </html>