수다닷컴

안녕하세요.

어쩌다보니 마크업 관련해서도 질문하게 되네요.

달력인데요. 숫자는 좌측 상단 그러니까 11시 방향에 항상 고정되어야 하구요.

내용은 항상 수평, 수직 가운데 정렬이 되어야 합니다.

내용이 많아지면 기준인 div가 움직이면서 숫자 위치도 따라 움직여 버리니 문제입니다.

div만 top정렬이 되면 해결되는 문제이긴 한대, 방법이 딱히 떠오르질 않네요.

정 안되면 내용을 위쪽부터 시작하게 맞출까도 고민중입니다.

아래 내용 복사해서 그대로 붙여다 놓고 확인해보시면 됩니다. 에디트플러스에서 바로 확인하셔도 됩니다.

조언 부탁드릴게요.
!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 new document /title
meta name=generator content=editplus /
meta name=author content= /
meta name=keywords content= /
meta name=description content= /
style type=text/css
*{margin:0;padding:0}
body{font:.75em dotum, 돋움;color:#666}
table{border-spacing:0;border-collapse:collapse}
td{height:95px;vertical-align:middle;background:#ddd;border:1px solid #aaa;text-align:center}
table div{position:relative;width:100%;height:0}
table div span{position:absolute;left:12px;top:12px}
/style
/head
body
table width=680
colgroup
col width=15% /
col width=14% /
col width=14% /
col width=14% /
col width=14% /
col width=14% /
col width=* /
/colgroup
tr
tddivspan1/span/div내용내용/td
tddivspan2/span/div내용내용br /내용내용/td
tddivspan3/span/div내용내용br /내용내용br /내용내용/td
tddivspan4/span/div/td
tddivspan5/span/div/td
tddivspan6/span/div/td
tddivspan7/span/div/td
/tr
/table
/body
/html

신청하기