l

웹표준 작업 질문입니다. 최근게시물 관련




웹표준으로 작업하고 있는데요
기존의 스킨을 표준으로 바꾸는 과정에서 ie6버젼에서 위의 그림과 같이 되네요;;
ie7이나 ie8에서는 그대로 되는데 이것때문에 몇시간째 씨름중입니다.;;;

소스는 다음과같습니다.

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<style>
#latest_board {float:left; width:410px;}
#latest_board_title {float:left; width:410px; }
#latest_board_title li {float:left; width:410px; height:20px;  }
#latest_board_title li.title {float:left; width:107px; height:17px; padding:0 0 0 5px;}
#latest_board_title li.more {float:right; width:34px; height:7px; padding:0 5px 0 0;}
#latest_board_wrap {float:left; margin-top:5px; width:410px; height:100px;}
#latest_board_pic {float:left; width:120px;}
#latest_board_pic li {float:left; width:120px;  display:inline;}
#latest_board_contents {float:right; width:290px;}
#latest_board_contents li {float:left; width:290px;}

</style>


<!-- <?=$board[bo_subject]?> (<?=$board[bo_table]?>) 최신글 시작 -->
<div id="latest_board">
  <div id="latest_board_title">
    <ul>
      <li class="title"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/title.gif" /></a></li>
      <li class="more"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/bt_board_more.gif" /></a></li>
    </ul>  
  </div>
 <div id="latest_board_wrap">
 <?

 $img = "$g4[path]/data/file/$bo_table/".urlencode($list[0][file][0][file]);
 
 if (!file_exists($img) || !$list[0][file][0][file])
  $img = "$latest_skin_path/img/no_image.gif";
  ?>
   <div id="latest_board_pic">
     <ul>
      <li><?// if ($i==0) { ?><img src="<?=$img?>" width="100" height="100" border="0"><?// } ?></li>
     </ul>
   </div>
<? for ($i=0; $i<count($list); $i++) { ?>
   <div id="latest_board_contents">
    <ul>
     <li><img src="<?=$latest_skin_path?>/img/board_icon.gif" width="6" height="20">
  <?
        echo $list[$i][icon_reply] . " ";
        echo "<a href='{$list[$i][href]}'>";
        if ($list[$i][is_notice])
            echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i][subject]}</strong></font>";
        else
            echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i][subject]}</font>";
        echo "</a>";

        if ($list[$i][comment_cnt])
            echo " <a href=\"{$list[$i][comment_href]}\"><span style='font-family:돋움; font-size:8pt; color:#9A9A9A;'>{$list[$i][comment_cnt]}</span></a>";

        // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
        // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

        //echo " " . $list[$i][icon_new];
        //echo " " . $list[$i][icon_file];
        //echo " " . $list[$i][icon_link];
        //echo " " . $list[$i][icon_hot];
        //echo " " . $list[$i][icon_secret];
        ?>
       
    </li>
   </ul>
 <? if (count($list) == 0) { ?>게시물이 없습니다.<? } ?>
 </div><? } ?>
</div>

</div>
<!-- <?=$board[bo_subject]?> (<?=$board[bo_table]?>) 최신글 끝 -->

|

댓글 5개

박스가 밀렸네요. width 를 조정하시거나 핵을 쓰시면 될것 같습니다.
어디부분 width를 조정해야하는건가요?
가능하면 핵을 아예 안쓰고 해볼려고 노력중이라서요;;;ㅜㅜ;;
스타일 맨 아래줄의 #latest_board_contents li {float:left; width:290px;} 부분을
#latest_board_contents li { list-style:none } 로 바꾸고...
아래 두 줄을 더 추가해보세요.

#latest_board_pic ul { margin:0; padding:0 }
#latest_board_contents ul { margin:0; padding:0 }
ㅜㅜ;; 더 이상하게 변하고 있어요;;;ㅜㅜ;;
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

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

+
제목 글쓴이 날짜 조회
16년 전 조회 1,553
16년 전 조회 1,528
16년 전 조회 1,553
16년 전 조회 976
16년 전 조회 1,001
16년 전 조회 727
16년 전 조회 1,176
16년 전 조회 1,706
16년 전 조회 1,211
16년 전 조회 1,527
16년 전 조회 952
16년 전 조회 2,960
16년 전 조회 1,536
16년 전 조회 852
16년 전 조회 1,517
16년 전 조회 1,110
16년 전 조회 1,544
16년 전 조회 1,260
16년 전 조회 1,452
16년 전 조회 1,041