suzrinブログ

HTML,CSS,Javascript,Nikon D5000での撮影記録あとPCパーツ大人のゲームなどなど

<< ＼(＞ヮ＜)／きゃっほぉ♪ HOME と言うことで早速MDR-NC33のレビュー >>

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/02/06 (Thu)

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style>
html,body {
margin : 0 ;
padding : 0 ;
height : 100% ;
}

#head {
background : #fff0f0 ;
height : 120px ;
position : relative ;
z-index : 999 ;
width : 97% ;
}

#box {
background : #fff0ff ;
height : 100% ;
margin-top : -120px ;
}

#menu {
padding-top : 120px ;
background : #f0fff0 ;
width : 200px ;
float : left ;
position : relative ;
z-index : 800 ;
}

#main {
margin-left : -200px ;
background : #f0f0ff ;
width : 100% ;
float : left ;
overflow : auto ;
height : 100% ;
}

#inner {
margin-top : 120px ;
margin-left : 200px ;
position : relative ;
z-index : 1 ;
}

</style>
</head>
<body>
<div id="head">
頭

</div>
<div id="box">
<div id="menu">
menu

</div>
<div id="main">
<div id="inner">
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 
main 

</div>
</div>

</div>
</body>
</html>

2009/09/08 (Tue) HTML Trackback() Comment(0)