firefox/크롬을 해결하니 ie에서 문제가..ㅠ..ㅠ... 정보
firefox/크롬을 해결하니 ie에서 문제가..ㅠ..ㅠ...본문
하나의 테이블인데도, 옆으로 벽을 뚫어버렸습니다.
이런게 가능한가요??? 시점은 이미지가 나오는 부분부터에요.
for( $i=0; $i<$count; $i++ )
{
$row = $db->fetch();
$bgcolor = $i % 2 == 0 ? '#f9f9f9' : '';
echo '<tr bgcolor="'.$bgcolor.'" onmouseover="this.style.background=\'#ededed\';" onmouseout="this.style.background=\''.$bgcolor.'\';">'."\n";
echo '<td nowrap="nowrap" height=23 class="main_list" style="padding-left:5px; font-weight:bold;">'."\n";
if( isset($row['job_title']) )
{
$row['fin_date'] = substr($row['fin_date'],5,5);
$row['fin_date'] = intval($row['fin_date']) == 0 ? '채용시까지' : $row['fin_date'];
echo '<nobr style="display:block; overflow:hidden;">';
echo '<span style="width:100%; overflow: hidden; text-overflow: ellipsis;" title="'.$row['job_title'].'">';
echo $row['req_urgent_posting'] == 'U' ? '<img src="img/urgent_icon.gif" align=absmiddle> ' : '';
echo '<a href="'.$link_url.'&employ_num='.$row['num'].'">'.strip_tags($row['job_title']) .'</a>';
echo '</span></nobr>';
}
echo '</td>'."\n";
echo '<td nowrap="nowrap" style="padding-left:5px;">';
echo '<span style="width:100%; overflow: hidden; text-overflow: ellipsis;" title="'.$row['company_name'].'">';
echo '<a href="../employ_info/index.php?field=company&keyword='.$row['company_name'].'">';
echo cut_str($row['company_name'],10);
echo '</a>';
echo '</span>';
echo '</td>'."\n";
echo '<td nowrap=nowrap class="main_list" style="padding-left:5px;" align=center>'.$row['fin_date'].'</td>'."\n";
echo '</tr>'."\n";
echo '<tr><td colspan=3 height=1 background="../img/dot_line_back.gif"></td></tr>';
}
댓글 전체
이부분을 style="width:20px" 이런식으로 정확한 width 값을 주시구요.. text-overflow: ellipsis 는 파이어 폭스에서는 안먹히는 걸로 알고 있습니다. 사용을 하지않는게 맞는거 같습니다.
즉 제가 고친다면
echo '<span style="width:100px; overflow: hidden; " title="'.$row['job_title'].'">';
이런식으로 하면 되지 않을까 싶습니다. width 값을 확실하게 px로 정해 주세요~~
그럼 수고하세요~~
픽스해줘보세요
어째꺼나 cols에서 뒤에꺼 2개를 지정하면 앞에꺼가 나머지가 되는거쟎아요.
그런데, 1/2번째의 width가 다르게 나오는거에요. ㅠ..ㅠ...
echo '<col></col><col width=90></col><col width=65></col>';
틀어지는 현상이 있었던거같은대요 흠..
어디까지나 제생각이고 제경험입니다.
title의 출력영역이 가변적이 되게 만들기 위해서 그런거에요.
(잘되는거)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
(문제가 된거)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
미처 생각도 못했네요~~ 대단하십니다~~