글자가 한줄로만 나오게 하구 싶어요,, 도와주세요~
아잉형님
안녕하세요? 오늘도 여전히 사이트를 눈물바람으로 돌아다니고 있네요 ㅠ_ㅠ
하나를 해결하면 하나가 터지는 상황이.. t^t
정해진 div안에 th내용이 늘어나면 자동으로 넓이가 늘어나며, 스크롤이 생기는 구조인데요,,
문제는 th안의 텍스트들이 쭉 세로로 나와요,,, 한줄로만 나오고,, 가로 스크롤이 생겨야 합니다 ㅠㅠ
--------소스--------------------
!doctype html public -//w3c//dtd html 4.01 transitional//en http://www.w3.org/tr/html4/loose.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8
title/title
/head
body
div id=wrap
div style=overflow-y:scroll; overflow-x:scroll; width:100%;height:350px; border : 1px solid #d3d3d3; margin-top:20px; id=board
table width=100% cellpadding=0 cellspacing=0 border=0
tr
th 생물학적산소요구량/th
th 생물학적산소요구량/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
th aaaa/th
/tr
tr
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
td1/td
td2/td
td3/td
td4/td
/tr
/table
/div
/div
/body
/html
----------------css-------------------------
html, body {
text-align: center;
font-size: 0.9em;
line-height: 1.5em;
font-family: dotum, ����, sans-serif;
color: #5e5e5e;
}
#wrap{ width:700px;}
#board {
margin:10px 0;
width:694px;
}
#board th {
height:32px;
vertical-align:middle;
color:#646464;
font-weight:bold;
background:url(../images/research/bg_result.gif) repeat-x;
padding:5px;
}
#board td {
height:24px;
text-align:center;
/*color:#6e6e6e;*/
padding:5px 3px;
border-bottom:1px solid #cac9c7;
vertical-align:middle;
line-height:14px;
background:none;
background-color:#ffffff;
}
---------------------------------------------------
영문으로 쭉 한글자로 넣어면 먹는데 한글로 들어가면 세로로 쭉 나오네요,, 넓이값을 줘봐도 안돼구요,,,
th는 조건에 따라 가로로 갯수가 늘어나는 구조입니다...
도와주세요 ㅠ_ㅠ
-
하예진
됐어요 ㅎㅎ 감사합니다. 저거때문에 몇시간 끙끙됐는데... 복받으세요~ (=ㅁ=)
-
데빌의눈물
{white-space:nowrap; } 넓이값이 없으면 글씨가 들어가는 족족 테이블이 늘어날거임.