크롬에서 리스트 목록 출력 되는 부분에 대해서
아래와 같은 소스로 게시판 리스트에서 사용을 하고 있습니다. 그냥 목록을 쭉 나열하는 것이지요.
익스플로러에서는 문제없이 그냥 목록이 줄로 표현이 됩니다.
예를들면, 홍길동 신데렐라 꼬봉이 가을하늘 ....
그런데 크롬에서는 아래와 같이 세로로 출력이 됩니다.
예)
홍길동
신데렐라
꼬봉이
가을하늘
....
크롬 및 익스플로러에서 제대로 줄로 출력이 되려면 어떻게 해야 하나요?
[ 적용 소스 ]
<tr align="left" class="bg<?=$bg?>">
<td align="left">
<?
for ($i=0; $i<count($list); $i++) {
?>
<?
echo $nobr_begin;
if ($list[$i][is_notice])
echo "<a href='{$list[$i][href]}'><span class='notice'>{$list[$i][subject]}</span></a> |";
else
echo "<a href='{$list[$i][href]}'><font style='line-height:25px; margin:0px 10px 0px 0px;'>{$list[$i][subject]}</font></a>";
echo $nobr_end;
?>
<? } // end for ?>
</td>
</tr>
익스플로러에서는 문제없이 그냥 목록이 줄로 표현이 됩니다.
예를들면, 홍길동 신데렐라 꼬봉이 가을하늘 ....
그런데 크롬에서는 아래와 같이 세로로 출력이 됩니다.
예)
홍길동
신데렐라
꼬봉이
가을하늘
....
크롬 및 익스플로러에서 제대로 줄로 출력이 되려면 어떻게 해야 하나요?
[ 적용 소스 ]
<tr align="left" class="bg<?=$bg?>">
<td align="left">
<?
for ($i=0; $i<count($list); $i++) {
?>
<?
echo $nobr_begin;
if ($list[$i][is_notice])
echo "<a href='{$list[$i][href]}'><span class='notice'>{$list[$i][subject]}</span></a> |";
else
echo "<a href='{$list[$i][href]}'><font style='line-height:25px; margin:0px 10px 0px 0px;'>{$list[$i][subject]}</font></a>";
echo $nobr_end;
?>
<? } // end for ?>
</td>
</tr>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 7개
지금은 리스트 문제지만 웹표준코딩이 안되어 있으면 또 다른 문제가 차후에 발생 합니다
그때그때 처리 하다 보면 소스가 이상해 지겠죠?
그럴빠에야 웹표준으로 차근차근 코딩 해 주는것이 근본적인 문제 해결 이겠죠
정상적인 css 코딩으로 리스트는 보통 float:left 해서 정렬하는데 테이블 코딩에서는 위 예처럼 <tr align="left"> 이런식으로 합니다.
문제는, 크롬처럼 근대적, 웹표준 브라우저, 그리고 html5 에서는 이 테이블 align attribute 을 지원하지 않습니다.
문서가 html5 로 declare 되어 있다면 저 테이블 align attribute 이 안먹히는게 정상입니다.
제일 간단한 해결방법은: 테이블 코딩을 버리시면 됩니다.
해당 페이지에서 소스보기헤서 테이블 폭을 보세요
아마도 테이블 가로폭 설정 문제 같네요
table width=100% 해보시던가 border=1 넣어보면 이유를 알 수 있을테죠
<td align="left">
<div style='width:800px;'>
~~
</div>
</td>
안되면 이렇게 div로 둘러싸서 해보세요
혹시 크롬에서 <a></a> 이것을 사용하면 자동으로 한줄 내리는 것인가요?
홍길동
신데렐라
꼬봉이
가을하늘
이렇게 나오는게 정상이 아닌가요?
<tr><td>홍길동</td></tr>
<tr><td>신데렐라 </td></tr>
<tr><td>꼬봉이</td></tr>
..
인가요?
아니면
<tr><td>홍길동 신데렐라 꼬봉이 ...</td></tr>
인가요?
위와 같은 형태를 원합니다. 익스에서는 별문제 없는데, 크롬에선 이상해 지네요.
익스와 크롬에서 소스보기를 해봤습니다. 그랬더니 서로 다른 소스가 보이더라구요.
크롬에서는 링크가 걸리는 부분에 다 nobr 태그가 적용이 되었습니다.
그래서 소스에서 echo $nobr_begin;과 echo $nobr_end;를 삭제를 하니 제대로 동작을 합니다.
답변 달아주신 여러분들 감사합니다.
위 부분이 특별한 기능이 있는 것은 아니지요??
출력은 문제없이 동작을 하기는 합니다.