동글이

크롬에서 리스트 목록 출력 되는 부분에 대해서

아래와 같은 소스로 게시판 리스트에서 사용을 하고 있습니다. 그냥 목록을 쭉 나열하는 것이지요.
익스플로러에서는 문제없이 그냥 목록이 줄로 표현이 됩니다.
예를들면, 홍길동 신데렐라 꼬봉이 가을하늘 ....

그런데 크롬에서는 아래와 같이 세로로 출력이 됩니다.
예)
홍길동
신데렐라
꼬봉이
가을하늘
....

크롬 및 익스플로러에서 제대로 줄로 출력이 되려면 어떻게 해야 하나요?

[ 적용 소스 ]

<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>

인가요?
<tr><td>홍길동 신데렐라 꼬봉이 ...</td></tr>
위와 같은 형태를 원합니다. 익스에서는 별문제 없는데, 크롬에선 이상해 지네요.
이유를 알았습니다.
익스와 크롬에서 소스보기를 해봤습니다. 그랬더니 서로 다른 소스가 보이더라구요.
크롬에서는 링크가 걸리는 부분에 다 nobr 태그가 적용이 되었습니다.

그래서 소스에서 echo $nobr_begin;과 echo $nobr_end;를 삭제를 하니 제대로 동작을 합니다.

답변 달아주신 여러분들 감사합니다.

위 부분이 특별한 기능이 있는 것은 아니지요??
출력은 문제없이 동작을 하기는 합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,562
12년 전 조회 3,016
12년 전 조회 1,728
12년 전 조회 1,718
12년 전 조회 1,103
12년 전 조회 997
12년 전 조회 1,001
12년 전 조회 2,433
12년 전 조회 5,164
12년 전 조회 1,749
12년 전 조회 1,579
12년 전 조회 2,697
12년 전 조회 1,197
12년 전 조회 1,550
12년 전 조회 1,007
12년 전 조회 1,014
12년 전 조회 781
12년 전 조회 1,129
12년 전 조회 1,648
12년 전 조회 1,726