셀 크기 고정 질문입니다... 정보
셀 크기 고정 질문입니다...본문
아래 "엑스엠엘"님께서 답변 달아주셨으나
여전히 문제는 풀리지 않고 있습니다
엑스엠엘님의 답변을 참고하여 아래와 같이 소스를 만들어봤어요
<html>
<head>
<meta name="GENERATOR" content="Namo WebEditor v6.0">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
</head>
<body>
<table border="1" width="100%">
<colgroup><col width="*"><col width="1024"><col width="*"></colgroup>
<tr>
<td>aaaaaaaaa</td>
<td bgcolor="#999999"> </td>
<td>aaa</td>
</tr>
</table>
</body>
</html>
아래는 제가 원하는 결과입니다
| 해상도가 높아지면 화면에 맞춰 양쪽셀이 커짐 |
1024px 고정할 |
해상도가 높아지면 화면에 맞춰 양쪽셀이 커짐 |
소스코드를 실행해보면 왼쪽셀의 크기가 오른쪽 셀의 크기에 비해 훨씬 크기가 큽니다
가운데 셀은 1024 고정되어있긴 하더군요
셀을 overflow 한것도 아닌데 왜 셀의 크기가 한글자 한글자에 영향을 받는지 아무리 생각해봐도
이유를 모르겠어요
네이버 지식인에 올려도 아무도 모른다 그러고 이곳엔 고수님들이 많아 혹시나 아는 분이 계실까 싶어 질문글 올려봅니다....
댓글 전체
http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4.4
에 의하면 <col로 폭 지정이 가능합니다.
하지만 이를 안 지키는 브라우저가 많네요.
크롬과 사파리가 정확하고 나머지는 멋대로?입니다.
테이블의 cell의 폭을 계산하는 방법은 아주 복잡합니다.
셀 안에 내용이 많고 적음에 따라서 많이 달라집니다.
이를 억제하는 방법으로 <col 지정이나
<table border="1" width="100%" style="table-layout: fixed;" >
등의 스타일이 있긴 합니다만 신통하지 않네요.
<div로 해 보시는 걸 추천합니다.
마지막으로 aaaaaaaaaaaaa와 aa aa aa aa aaa
처럼 긴 단어와 짧은 단어가 여럿 있는 경우가 또 다릅니다.
참고 http://www.w3.org/TR/css3-text/#word-wrap
자바스크립트로 처리하는 방법도 검토해 보세요.
에 의하면 <col로 폭 지정이 가능합니다.
하지만 이를 안 지키는 브라우저가 많네요.
크롬과 사파리가 정확하고 나머지는 멋대로?입니다.
테이블의 cell의 폭을 계산하는 방법은 아주 복잡합니다.
셀 안에 내용이 많고 적음에 따라서 많이 달라집니다.
이를 억제하는 방법으로 <col 지정이나
<table border="1" width="100%" style="table-layout: fixed;" >
등의 스타일이 있긴 합니다만 신통하지 않네요.
<div로 해 보시는 걸 추천합니다.
마지막으로 aaaaaaaaaaaaa와 aa aa aa aa aaa
처럼 긴 단어와 짧은 단어가 여럿 있는 경우가 또 다릅니다.
참고 http://www.w3.org/TR/css3-text/#word-wrap
자바스크립트로 처리하는 방법도 검토해 보세요.