<style type="text/css">
.boardlist{width:433px; height:135px; line-height:11px; border-right:solid 1px #e1e1e1; }
h3.boardtit{width:103px; height:24px; position:absolute; top:340px; left:30px;}
.boardinfo {float:left; margin:60px 0 0 30px;}
.boardinfo li{background:url(../images/main_tt_03_point.gif) left top no-repeat; padding-left:12px; width:344px; height:19px;}
.boardinfo a{float:left;} /* a 값에다가 플로트를 줘야한다 그래야만 다른 ie버전에서도 안 깨진다*/
span.right{float:right;}
.more{position:absolute; top:350px; right:230px;}
</style>
</head>
<body>
<div class="boardlist">
<h3 class="boardtit"><img src="../images/main_tt_04.gif" alt="이야기마당 게시판" /></h3>
<ul class="boardinfo">
<li><a href="#">안녕하세요 선생님,,,</a> <span class="right">2012. 01. 02</span></li>
<li><a href="#">안녕하세요 선생님,,,</a> <span class="right">2012. 01. 02</span></li>
<li><a href="#">안녕하세요 선생님,,,</a> <span class="right">2012. 01. 02</span></li>
</ul>
</div>
</body>
</html>
'css관련기록' 카테고리의 다른 글
| charterset이 utf-8로 되어 있으면 플래시는 6.0버전에서 나오지 않습니다 (0) | 2012.03.27 |
|---|---|
| 게시판 리스트 (0) | 2012.03.22 |
| ie 6에서는... width값과 height 값을 꼭 지정해줘야한다 (0) | 2012.03.08 |
