테이블 수직 가운데 정렬좀 알려주세요~ 정보
테이블 수직 가운데 정렬좀 알려주세요~본문
<table align="center" valign="middle" width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
-------------
valign="middle"이라고 넣어주면 수직 가운데 정렬이 될줄 알았는데 안됩니다.....
어떻게 해야하는지좀 알려주시면 감사하겠습니다.....
기초적인 질문인것 같지만..... 제가 많이 부족해서 검색해도 알아먹기가 힘듭니다....
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
-------------
valign="middle"이라고 넣어주면 수직 가운데 정렬이 될줄 알았는데 안됩니다.....
어떻게 해야하는지좀 알려주시면 감사하겠습니다.....
기초적인 질문인것 같지만..... 제가 많이 부족해서 검색해도 알아먹기가 힘듭니다....
추천
0
0
댓글 19개
저 상태로는 가운데 정렬인데요? 저걸 한번 더 감싸셨나요?
앗 코멘트 감사합니다! 바디 안에 그냥 그대로예요.. 수직 가운데 정렬이 왜 안되는지....모르겠어요... 이렇게 하면 된다고들 나와서 해봤는데.....
<body>
<table align="center" valign="middle" width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
<body>
<table align="center" valign="middle" width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
높이를 안 정하셔서 그런 것 같아요.
넨네님 코멘트 감사합니다. 높이를 지정해도 안되요..ㅜㅜ
테이블 속에 테이블을 넣어야 합니다.
NTYPE님~ 알려주신데로 해봤어요~ 테이블 속에 테이블을 넣고 수치로 높이를 주니까 실행이 되는데 브라우저 전체에서 수직, 수평 가운데 정렬은 안되요... height="100%"...
이렇게 했는데 안됩니다....
<table align="center" width="600" height=100% border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table align="center" valign="middle" width="600" height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100">sdfs</td>
<td>345</td>
</tr>
<tr>
<td height="100">4534</td>
<td>345</td>
</tr>
</table></td>
</tr>
</table>
<table align="center" width="600" height=100% border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table align="center" valign="middle" width="600" height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100">sdfs</td>
<td>345</td>
</tr>
<tr>
<td height="100">4534</td>
<td>345</td>
</tr>
</table></td>
</tr>
</table>
제가 보기에는 잘되는거 같은데요
미스터블루님... 되나요?? 전 안되는데.......수평 중앙 정렬은 되는데 수직 중앙정렬이 안되요....ㅜㅜ
상단에 DTD가 적용되어있으시다면 valign은 사용 할 수 없습니다. 제한적으로 DTD 1.0 district 였나.....
거기에서는 아마 사용이 될 겁니다~
그리고 웹표준모드에서는 높이가 100% 라는 값은 존재하지 않습니다
거기에서는 아마 사용이 될 겁니다~
그리고 웹표준모드에서는 높이가 100% 라는 값은 존재하지 않습니다
June44님 코멘트 감사합니다~
<!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">
DTD1.0이라 그런가 셀 안에서의 valign은 사용이 되는거 확인했구요.....
어떻게 해야 표를 수직, 수평 모두 가운데 정렬을 할 수 있을까요......
<!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">
DTD1.0이라 그런가 셀 안에서의 valign은 사용이 되는거 확인했구요.....
어떻게 해야 표를 수직, 수평 모두 가운데 정렬을 할 수 있을까요......
스크립트를 사용하여 세로 좌표값을 구하셔야 합니다.
가급적 그냥 <br /> 처리하세요-ㅁ-;
가급적 그냥 <br /> 처리하세요-ㅁ-;
ㅜㅜ 쉬운게 아니었네요......
공부해야겠습니다......뭘 공부해야 할지도 모르겠다는 .........
공부해야겠습니다......뭘 공부해야 할지도 모르겠다는 .........
이건 어때요..??/
<table valign='middle' width="600" height=100% border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" >
<pre>
가
나
다
라
.
.
.
</pre>
<td>
</tr>
</table>
<table valign='middle' width="600" height=100% border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" >
<pre>
가
나
다
라
.
.
.
</pre>
<td>
</tr>
</table>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
}
#wrap {
width:300px;
height:200px;
background-color:#CCCCCC;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-150px;
}
</style>
</head>
<body>
<div id="wrap">중앙대칭?</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
}
#wrap {
width:300px;
height:200px;
background-color:#CCCCCC;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-150px;
}
</style>
</head>
<body>
<div id="wrap">중앙대칭?</div>
</body>
</html>
CODINGROBOT 님 감사합니다. 정말 가운데로 출력 되는군요~ 레이어 크기를 조절(제가 사용할 테이블 크기와 같이 조절)해서 만든 테이블을 삽입하기만 하면 되는건가요....????? 내용설명좀 부탁드려도 될른지....
top:50%;
left:50%;
margin-top:-100px;
margin-left:-150px;
요 부분이요...
top:50%;
left:50%;
margin-top:-100px;
margin-left:-150px;
요 부분이요...
저도 DIV를 추천합니다.
테이블로 하시면 이 경우에는 손해가 더 많아 보입니다.
(div로도 여러가지 방법이 있습니다.)
50%는 화면을 100%로 보고, 그 한가운데인 50%에 갖다 놓으란 뜻입니다.
그런데 아이템의 좌측상단끝 점이 기준점이기 때문에,
그냥 50%라고 하면 위의 기준점이 화면 중앙으로 옵니다.
그러므로 아이템을 중앙으로 더 옮겨줘야 하는데 그것이 margin-top, margin-left입니다.
위에서 width가 300px지요? 그래서 반인 150px을 더 땡긴 겁니다.
화면의 중앙에 아이템의 중앙이 오도록 말이지요.
만약 아이템의 높이 height가 500px면 margin-top에 -250px라고 해야겠지요?
테이블로 하시면 이 경우에는 손해가 더 많아 보입니다.
(div로도 여러가지 방법이 있습니다.)
50%는 화면을 100%로 보고, 그 한가운데인 50%에 갖다 놓으란 뜻입니다.
그런데 아이템의 좌측상단끝 점이 기준점이기 때문에,
그냥 50%라고 하면 위의 기준점이 화면 중앙으로 옵니다.
그러므로 아이템을 중앙으로 더 옮겨줘야 하는데 그것이 margin-top, margin-left입니다.
위에서 width가 300px지요? 그래서 반인 150px을 더 땡긴 겁니다.
화면의 중앙에 아이템의 중앙이 오도록 말이지요.
만약 아이템의 높이 height가 500px면 margin-top에 -250px라고 해야겠지요?
td 에다가 valign 값을 주면....
아제아제님 감사합니다~ td에 valign값을줘도 안되서.... 질문했어요....CODINGROBOT님이 답해주신것에 들어있는 레이어?에 테이블 만들어 보니 수직,수평 모두 중앙정렬 되는데 위에 소스가 무슨 뜻인지 알지 못해서 답답^^;; 합니다.
