我真的是制作网页的初学者。我阅读了大量的教程,我认为我取得了相当大的进步。但我被困在一个简单的问题上。我想用这种布局制作一个简单的网页:http: //i49.tinypic.com/1r54l4.jpg
我有一个有背景的身体。我希望此背景在 png 徽标的上方和下方可见。然后我在左侧有带有相同颜色背景的菜单的画布。然后页脚再次留有一点边距。代码如下所示:
body {
margin: 0;
padding-top: 10px;
background-image: url('pics/background.png');
background-repeat: repeat;
}
#wrapper {
width:1200px;
height:100%;
margin-left:12%;
}
#content {
background: rgba(255, 251, 208, 0.9);
height:100%;
margin-top:10px;
}
#menu {
width:16%;
float:left;
}
#canvas {
width:84%;
float:right;
}
有了这个,我得到的只是没有背景颜色的网页。例如,Firebug 显示包装器或内容的高度刚好在画布上方。我尝试了数十种不同的设置,但每次都有问题。