개발 Q&A

제목 이제 지쳐갑니다 ㅠㅠ 제가 가지고 있는 지식을 총 동원했지만 ㅠㅠ
글쓴이 과학나라 작성시각 2014/04/28 09:53:05
댓글 : 28 추천 : 0 스크랩 : 0 조회수 : 16392   RSS
결국 안되서 이렇게 또 찾아옵니다 ㅠ,ㅠ

주말에 이것때문에 신경쓰여 ㅠㅠ
 
보시다싶이 롤링 게시판 작성할려고 합니다.

일단

파이어폭스

익스플로러

크롬 이렇게 차례대로 보여드리겠습니다






머 하나만 수정하면 파이어폭스는 잘되고 나머지 두개는 엉망이되고

또 하나 수정하면 ㅠㅠ... 정말 돈만 있으면 이것들을 다 통일 시키고 싶은 심정입니다ㅜ..

소스 보여드리겠습니다. 저번처럼 다르게 table로 하나 감샀습니다.




<tr>
    <td>
       <div id='dv_rolling_rec$t'>
           <ul>
               ";
                FOR($r=0;$r<$BOARD_LIST_CNT;$r++){
                $B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]);
                $B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]);
                $B_LIST.="
                 <li>
                    <table> 
                        <tr>
                            <td align='left'>
                                <img src='$img_icon' align='absmiddle'> <a href='  링크주소'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a>
                             </td>

                        ";
                        IF($DB_date[$t] == "Y"){
                        $B_LIST.="
                             <td width='396' align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font>
                              </td>

                          </tr>
                        </table>
                      </li>
                       ";
                        }
                    }
                    $B_LIST.="
                 </ul>
          </div>
     </td> 
</tr>
 ";

적당한데 height 설정해 두어도 반응이 없습니다 ㅠ,ㅠ

부탁드립니다 ㅠㅠ 어떻게 안될까요 ㅠㅠㅠ
 다음글 mpdf를 사용해서 pdf 파일을 만들고 있었습니다, ... (1)
 이전글 왜 안되는지 봐주실래요? (3)

댓글

수야디벨 / 2014/04/28 10:10:47 / 추천 0
그런데 위 사진 뭐가 잘못된거죠?

처음에 질문 하셨던거 처럼 제목은 왼쪽, 날짜는 오른쪽에 잘 붙어 있는거 같습니다만..
과학나라 / 2014/04/28 10:23:09 / 추천 0
롤링 설정에 
  // 한번에 보일 리스트수(default: 2)  
                                    showItems: 5,  
게시글 5로 나타내야 하는데   보시다 싶이   height 가 모두 달라서 이렇게 나오네요... 전부 5개 글을 표시되는데  height  격차 때문에 ㅠ,ㅠ
수야디벨 / 2014/04/28 10:34:33 / 추천 0
IE는 상대적으로 불편하니 , 크롬이나 파폭 개발자 툴로 각각 리스트를 살펴봤을때,

height 높이 말고 다른 css가 영향을 주는건지 아닌지 확인은 해보셨나요?






크롬이라면 위 처럼 각각 개체의 높이를 시각적으로 알 수 있어요.

이렇게 객체를 살펴봐서 왜 브라우저마다 다르게 보이는지 원인을 파악해야 합니다.


시작점이 다른건지, 어떤 부분에 padding이나 magin이 붙은건지 ..
수야디벨 / 2014/04/28 10:35:39 / 추천 0
첫번째 이미지는 가로가 길어서 짤렸으니 마우스 우클릭 다른이름으로 저장해서 살펴보세요
테라짱 / 2014/04/28 10:41:28 / 추천 0
<pre>
</pre>
<!DOCTYPE HTML>
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
 .listdv { height:20px; width:100%; }
  </style>
 </head>

 <body>

 <div style="border:1px solid #ddd;height:100px;width:500px;">
  <div class="listdv">
   <div style="float:left;">aaaaaaaaaaaaaa</div>
   <div style="float:right;">13-10-17</div>
  </div>
  <div class="listdv">
   <div style="float:left;">aaaaaaaaaaaaaa</div>
   <div style="float:right;">13-10-17</div>
  </div>
  <div class="listdv">
   <div style="float:left;">aaaaaaaaaaaaaa</div>
   <div style="float:right;">13-10-17</div>
  </div>
  <div class="listdv">
   <div style="float:left;">aaaaaaaaaaaaaa</div>
   <div style="float:right;">13-10-17</div>
  </div>
  <div class="listdv">
   <div style="float:left;">aaaaaaaaaaaaaa</div>
   <div style="float:right;">13-10-17</div>
  </div>
 </div>
  
 </body>
</html>
과학나라 / 2014/04/28 11:13:22 / 추천 0
그것도 고려해서 모두 체크해보았습니다 마진,패딩등 그런데 다 0으로 표시되는데...ㅜㅜㅜ
과학나라 / 2014/04/28 11:15:21 / 추천 0
단순히 마진,패딩 문제라면 여기로 질문 조차 안했을겁니다ㅠㅠ 도대체 무엇이 문제일까요 ㅠ,ㅠ
테라짱 / 2014/04/28 11:21:07 / 추천 0
소스보기 코드 올려봐주세요
과학나라 / 2014/04/28 11:28:24 / 추천 0

           // 게시물 제목 뽑아오기
         
           $B_LIST.="
            <script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script> 
              <script language='javascript' src='/source/js/jquery.vticker-min.js'></script>  
         <script type='text/javascript'>  
        $(function(){
           $('#dv_rolling_rec$t').vTicker({   
               // 스크롤 속도(default: 700)  
               speed: 700,  
               // 스크롤 사이의 대기시간(default: 4000)   
               pause: 4000,  
               // 스크롤 애니메이션  
               animation: 'fade',  
               // 마우스 over 일때 멈출 설정  
               mousePause: true,  
               // 한번에 보일 리스트수(default: 2)  
               showItems: 5,  
               // 스크롤 컨테이너 높이(default: 0)  
               height: 100,  
               // 아이템이 움직이는 방향, up/down (default: up)  
               direction: 'up'  
            });  
        });
       </script>    
           <tr>
            <td>
              <div id='dv_rolling_rec$t'>
          <ul>
           
           ";
            
           FOR($r=0;$r<$BOARD_LIST_CNT;$r++){
            $B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]);
            $B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]);
            $B_LIST.="
              
         <li style='height:15px;width:240px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' >
                   <img src='$img_icon' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=$DB_board[$t]&SID=$B_SID[$r]' onFocus='this.blur();'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a>
                  </td>
            ";
            IF($DB_date[$t] == "Y"){
             $B_LIST.="
                   <td  align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font></td>
                 </div>
               </table>
             </li>
              ";
            }
           }
           $B_LIST.="
               </ul>
            </div>
           </td> 
         </tr>
           ";
           IF($r == 0) $r = 1;
           $na=$DB_row[$t]%$r;
           IF($na!=0){
            FOR($s=1;$s<$na+1;$s++){
             $B_LIST.="<tr><td height='20'></td></tr>";
            }
           }
테라짱 / 2014/04/28 11:32:14 / 추천 0
php 소스 말고 html 소스 보기 코드를 올려주셔야 확인이 쉬울거에요 ㅠㅜ
과학나라 / 2014/04/28 11:32:47 / 추천 0
아 이제는 ㅠ,ㅠ 익스는 4개로 나오고 파이어 폭스 크롬은 정상적으로 5개 나오는데.. 정말 지첬네요 ㅠㅠ
과학나라 / 2014/04/28 11:33:33 / 추천 0
// 게시물 제목 뽑아오기
         
           $B_LIST.="
            <script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script> 
              <script language='javascript' src='/source/js/jquery.vticker-min.js'></script>  
         <script type='text/javascript'>  
        $(function(){
           $('#dv_rolling_rec$t').vTicker({   
               // 스크롤 속도(default: 700)  
               speed: 700,  
               // 스크롤 사이의 대기시간(default: 4000)   
               pause: 4000,  
               // 스크롤 애니메이션  
               animation: 'fade',  
               // 마우스 over 일때 멈출 설정  
               mousePause: true,  
               // 한번에 보일 리스트수(default: 2)  
               showItems: 5,  
               // 스크롤 컨테이너 높이(default: 0)  
               height: 100,  
               // 아이템이 움직이는 방향, up/down (default: up)  
               direction: 'up'  
            });  
        });
       </script>    
           <tr>
            <td>
              <div id='dv_rolling_rec$t'>
          <ul>
           
           ";
            
           FOR($r=0;$r<$BOARD_LIST_CNT;$r++){
            $B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]);
            $B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]);
            $B_LIST.="
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396'>
                   <img src='$img_icon' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=$DB_board[$t]&SID=$B_SID[$r]' onFocus='this.blur();'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a>
                  </td>
            ";
            IF($DB_date[$t] == "Y"){
             $B_LIST.="
                   <td  width='396' align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font></td>
                 </div>
               </table>
             </li>
              ";
            }
           }
           $B_LIST.="
               </ul>
            </div>
           </td> 
         </tr>
           ";
과학나라 / 2014/04/28 11:34:55 / 추천 0
잘 나오시나요?
테라짱 / 2014/04/28 11:35:09 / 추천 0
익스에서 마우스 오른쪽 클릭후 소스보기 내용을 올려주셔야 ㅠㅜ
과학나라 / 2014/04/28 11:39:59 / 추천 0
  <script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script> 
              <script language='javascript' src='/source/js/jquery.vticker-min.js'></script>  
         <script type='text/javascript'>  
        $(function(){
           $('#dv_rolling_rec1').vTicker({   
               // 스크롤 속도(default: 700)  
               speed: 700,  
               // 스크롤 사이의 대기시간(default: 4000)   
               pause: 4000,  
               // 스크롤 애니메이션  
               animation: 'fade',  
               // 마우스 over 일때 멈출 설정  
               mousePause: true,  
               // 한번에 보일 리스트수(default: 2)  
               showItems: 5,  
               // 스크롤 컨테이너 높이(default: 0)  
               height: 100,  
               // 아이템이 움직이는 방향, up/down (default: up)  
               direction: 'up'  
            });  
        });
       </script>    
           <tr>
            <td>
              <div id='dv_rolling_rec1'>
          <ul>
           
           
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396' >
                   <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=18' onFocus='this.blur();'><font color='000000'>dddd</font></a>
                  </td>
            
                   <td  width='396'  align='right'><font color='000000'>13-12-13</font></td>
                 </div>
               </table>
             </li>
              
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396' >
                   <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=17' onFocus='this.blur();'><font color='000000'>qqqq21q1q1q1q</font></a>
                  </td>
            
                   <td  width='396'  align='right'><font color='000000'>13-10-17</font></td>
                 </div>
               </table>
             </li>
              
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396' >
                   <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=16' onFocus='this.blur();'><font color='000000'>qqqqqqqq</font></a>
                  </td>
            
                   <td  width='396'  align='right'><font color='000000'>13-10-17</font></td>
                 </div>
               </table>
             </li>
              
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396' >
                   <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=15' onFocus='this.blur();'><font color='000000'>z1z11z1z1z11z</font></a>
                  </td>
            
                   <td  width='396'  align='right'><font color='000000'>13-10-17</font></td>
                 </div>
               </table>
             </li>
              
              
         <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
                <table> 
                  <div>
                  <td align='left' width='396' >
                   <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href='  /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=14' onFocus='this.blur();'><font color='000000'>zzzzzz</font></a>
                  </td>
            
                   <td  width='396'  align='right'><font color='000000'>13-10-17</font></td>
                 </div>
               </table>
             </li>
              
               </ul>
            </div>
           </td> 
         </tr>