수다닷컴

div id=noticeWarpper
h2img src=images/h2_01.gif alt=공지사항 //h2
div class=noticeArticle
ul
lispan class=date2009-03-07/span공지사항 /li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
/ul
p class=notice_moreimg src=images/icon_more.gif alt=공지사항 더보기 //p
/div!-- end noticeArticle --
/div!-- end noticeWarpper --
div id=tab-container
ul id=tab_menu
lia href=#content1 class=tabimg src=images/tab_01_on.gif alt=보도자료 //a/li
lia href=#content2 class=tabimg src=images/tab_02_off.gif alt=입찰공고 //a/li
/ul
div id=content1 class=tabstyle
ul
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
lispan class=date2009-03-07/span공지사항/li
/ul
/div
div id=content2 class=tabstyle
ul
lispan class=date2009-03-07/span공지/li
lispan class=date2009-03-07/span공지/li
lispan class=date2009-03-07/span공지/li
lispan class=date2009-03-07/span공지/li
/ul
/div
p class=data_moreimg src=images/icon_more2.gif alt=보도자료 더보기 //p
/div!-- end tab-container --
script type=text/javascript
initTabMenu(tab-container);
/script/*공지사항*/
div#noticeWarpper,
div#noticeWarpper2 {
padding:0 0 33px 43px;
position: relative;
}
div#noticeWarpper h2,
div#noticeWarpper2 h2{
width:393px;
border-bottom: 1px solid #e4effb;
padding-bottom:3px;
}
div#noticeWarpper p.notice_more,
div#noticeWarpper2 p.notice_more{
position： absolute;
right: 0px;
top: 5px;
}
div#noticeWarpper div.noticeArticle ,
div#noticeWarpper2 div.noticeArticle2 {
width:393px;
height:100px;
}
div#noticeWarpper div.noticeArticle ul ,
div#noticeWarpper2 div.noticeArticle2 ul {
padding:8px 0 0 5px;
}
div#noticeWarpper div.noticeArticle ul li ,
div#noticeWarpper2 div.noticeArticle2 ul li {
background: url(../images/icon_news.gif) no-repeat 0 4px;
padding-left:10px;
line-height:18px;
}
/*보도자료*/
div#tab-container {
margin-left:43px;
width:393px;
background: url(../images/bg_tab.gif) no-repeat;
height:25px;
position: relative;
}
div#tab-container p.data_more {
position： absolute;
right: 0px;
top: 13px;
}
div#tab-container ul#tab_menu li {
float:left;
padding-top:3px;
}
div#tab-container div#content1,
div#tab-container div#content2{ntent2{
width:393px;
height:100px;
padding:0;
margin:0;
clear:both;
}
div#tab-container div#content1 ul,
div#tab-container div#content2 ul{
padding:5px 0 0 5px;
}
div#tab-container div#content1 ul li ,
div#tab-container div#content2 ul li {
background: url(../images/icon_news.gif) no-repeat 0 4px;
padding-left:10px;
line-height:18px;
}
div#noticeWarpper div.noticeArticle ul li span.date,
div#noticeWarpper2 div.noticeArticle2 ul li span.date,
div#tab-container div#content1 ul li span.date,
div#tab-container div#content2 ul li span.date{
float:right;
font-size:0.9em;
color:#696969;
}
아..또 제가 뭘 잘못한건지..--;
IE8에서만 위의 이미지처럼 간격이 좁게나오네요..--;
8에맞추려고 보도자료쪽에padding을 더주면 다른브라우저에서 보도자료쪽이 또 밀려버리고.ㅠ.ㅠ

웹표준의 달인이 되긴 참 힘겹네요.흑-

신청하기