크롬에서 리스트 목록 출력 되는 부분에 대해서 > 그누4 질문답변

그누4 질문답변

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

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

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

본문

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

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

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

[ 적용 소스 ]

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

댓글 전체

우선 웹표준 코딩으로 스킨 제작을 하시는것이 더 빠를 겁니다
지금은 리스트 문제지만 웹표준코딩이 안되어 있으면 또 다른 문제가 차후에 발생 합니다
그때그때 처리 하다 보면 소스가 이상해 지겠죠?
그럴빠에야 웹표준으로 차근차근 코딩 해 주는것이 근본적인 문제 해결 이겠죠
테이블 코딩이시네요... 이런... ㅉㅉㅉ

정상적인 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;를 삭제를 하니 제대로 동작을 합니다.

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

위 부분이 특별한 기능이 있는 것은 아니지요??
출력은 문제없이 동작을 하기는 합니다.
전체 127 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT