レイアウトが苦手 その1
レイアウトが苦手。。勉強せねばwwwブログにHTMLタグときはエスケープが必要なのね・・・
↓便利
<html>
<head><style type="text/css">
div.section-header {
width: 100%;
height: 50px;
}
div.section-footer{
width: 1000px;
height: 50px;
margin-top:500px;
}div.container {
width: 1000px;
}
div.section-left {
margin: 0px;
width: 700px;
float:left;
}div.section-right {
margin: 0px;
width: 300px;
float:right;
}div.logoview {
width: 700px;
height: 100px;
background-color: #85b9e9;
}div.jpgview {
width: 700px;
height: 100px;
background-color: #85b9e9;
}div.news {
width: 300px;
height: 100px;
position:absolute;
background-color: #85b9e9;
}div.notice {
width: 300px;
height: 100px;
position:absolute;
top:150px;
background-color: #85b9e9;
}.clearLeft {
clear: left;
}
</style>
</head>
<body ><div class="section-header">
<div>headerのボックス</div>
</div><div class="container">
<div class="section-left">
1
<div class="logoview">
<div>logoviewのボックス</div>
</div>
<div class="jpgview">
<div>jpgviewのボックス</div>
</div>
</div ><div class="section-right">
2
<div class="news">
<div>newsのボックス</div>
</div>
<div class="notice">
<div>noticeのボックス</div>
</div>
</div >
</div ><div class="section-footer">
<div>copyright</div>
</div></body>
</html>