'스크롤박스' 태그의 글 목록

'스크롤박스'에 해당되는 글 1건

2010.11.10 상하스크롤시 따라다니는 박스(none script)

web standard/layout2010. 11. 10. 15:49

상하스크롤시 따라다니는 박스(none script)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
* {
    margin: 0;
}
html, body {
    height: 100%;
    overflow: auto;
}
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.box {
    position: fixed;
    left: 50%;
    bottom:0;
    margin: 0 0 0 -370px;
    background:none repeat scroll 0 0 #FFEEEE;
    border:1px solid #AAAAAA;
    font-size:0.9em;
    padding:1em 0 0;
    width:178px;
}
* html .box {
    position: absolute;
}

/*

Fixed Positioning in IE6
http://ryanfait.com/

*/
</style>

</head>

<body>
<div class="wrapper">
내용
</div>
<div class="box">
</div>
</body>
</html>

'web standard > layout' 카테고리의 다른 글

이미지 자동슬라이드 (0)	2011.12.30
레이아웃에 사용되는 두가지 속성 position 과 float (0)	2008.07.29
layout (블로그형) (0)	2008.07.29
layout (0)	2008.07.29