こんにちは
大まかですがこんな感じでしょうか。
Htmlタグ
<body>
<div id="top">
<div id="top-left">
<!--top-left--></div>
<div id="top-space">
<!--top-space--></div>
<div id="top-right">
<!--top-right--></div>
<!-- top --></div>
<div id="bottom">
<div id="bottom-left">
<!--bottom-left--></div>
<div id="bottom-space">
<!--bottom-space--></div>
<div id="bottom-right">
<!--bottom-right--></div>
<!--bottom--></div>
</body>
CSS
* {
margin: 0px;
padding: 0px;
}
body, html {
margin: 2% 0%;
padding: 0px;
width: 100%;
height: 96%;
background-color: black;
}
#wrapper{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}
#top {
margin: 0px;
padding: 0px;
height: 70%;
}
#top-left {
margin: 0px;
height: 90%;
width: 65%;
float: left;
background-color: white;
}
#top-space {
margin: 0px;
width: 5%;
height: 100%;
float: left;
}
#top-right {
margin: 0px;
height: 90%;
width: 30%;
float: left;
padding-bottom: 0px;
background-color: white;
}
#bottom {
margin: 0px;
padding: 0px;
height: 28%;
}
#bottom-left {
margin: 0px;
height: 100%;
width: 65%;
float: left;
background-color: white;
}
#bottom-space {
margin: 0px;
width: 5%;
height: 100%;
float: left;
}
#bottom-right {
margin: 0px;
height: 100%;
width: 30%;
float: left;
background-color: white;
}
％は適当ですのでお好みで。
