수다닷컴

이팝업창이 공지사항 작성시 가로세로값을 픽셀로 적으면 늘어나고 줄어나는 팝업창입니다.

해서 상하좌우 부분에 배경이미지를 만들어서 테이블로 만든뒤 배경css로 깔아놨는데요.

파이어폭스에서는 정상적으로 보이는데 인터넷익스플로러에서는 깨지네요..

소스 올려놓겠습니다. 코딩은 혼자서 공부하려니까 어렵네요..

좋은수정안 있으면 알려주시면 감사드리겠습니다.-----------------------------------------------------------html--------------------------------------------------------

html
head
titlenotice_pop/title
meta http-equiv=content-type content=text/html; charset=euc-kr
!-- 테이블 배경 css 정의 --
style type=text/css
!--
.top_bg {
background-image: url(/images/pop/top_bg.png);
background-repeat: repeat-x;
}
.l_bg {
background-image: url(/images/pop/left_bg.png);
background-repeat: repeat-y;
}
.r_bg {
background-image: url(/images/pop/right_bg.png);
background-repeat: repeat-y;
background-position: right;
}
.l_bg2 {
background-image: url(/images/pop/left_bg2.png);
background-repeat: repeat-y;
background-position: right top;
}
.r_bg2 {
background-image: url(/images/pop/right_bg2.png);
background-repeat: repeat-y;
}
.b_bg {
background-image: url(/images/pop/b_bg.png);
background-repeat: repeat-x;
}
!-- 사용텍스트 css정의 --
.main_t {
font-family: 돋움;
font-size: 12px;
color: #999999;
text-decoration: none;
}
.title_t {
font-family: 돋움;
font-size: 13px;
font-weight: bold;
color: #003366;
}
.main_t {
font-family: 돋움;
font-size: 12px;
color: #666666;
text-decoration: none;
}
--
/style
/head
body bgcolor=#ffffff leftmargin=0 topmargin=0 marginwidth=0 marginheight=0
table width=529 border=0 align=left cellpadding=0 cellspacing=0
tr
td height=106 colspan=2 class=top_bg
img src=/images/pop/top_l.png width=240 height=106 alt=공지사항/td
td class=top_bg/td
td colspan=2 align=right class=top_bg
img src=/images/pop/top_r.png width=151 height=106 align=right/td
/tr
tr
td rowspan=3 class=l_bg/td

td colspan=3 class=title_t공지사항 테스트중입니다./td

td width=41 rowspan=3 class=r_bg/td
/tr
tr
td colspan=3 height=10/td
/tr
tr
td colspan=3 rowspan=2

p class=main_t /p
p class=main_t내용입니다./p
p class=main_t /p
p class=main_t /p
p class=main_t /p/td
/tr
tr
td width=26 class=l_bg/td
td width=41 class=r_bg/td
/trtr
td class=b_bg
img src=/images/pop/b_l.png width=26 height=95/td
td colspan=2 class=b_bg/td
td colspan=2 align=right class=b_bg
img src=/images/pop/b_r.png width=151 height=95 align=right/td
/tr
tr
td width=26 height=1 /td
td width=214 height=1 /td
td width=146 height=1/td
td width=102 height=1 /td
td width=41 height=1 /tdbrd
/tr
/table
/body
/html

-----------------------------------------------------------------------------------------------------------------------

신청하기