익스 9 css 틀어짐 질문좀드리겠습니다
본문
안녕하세요 질문좀 드리겠습니다
유독 익스 9에서만 css가 틀어져서 나옵니다..
왜그런지 도통 모르겠는데 경험해보신분들이나
이부분에 대해서 아시는분들 답변좀 부탁드립니다

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php'); // 탭라이브러리
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
$thumb_w = 254; //썸네일 가로 크기
$thumb_h = 140; //썸네일 세로 크기
//$cont_txt_max = 90; //게시판 글 내용 최대 글자 수
?>
<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
<style>
.hall_box {float:left; width:1090px; height:620px;background-color: #fff;}
.hall_box ul { list-style:none; margin-left:-40px; }
.hall_box li{ float:left; margin-left:15px;margin-bottom:10px; width:254px; height:190px;background-color: #fff; -webkit-box-shadow: 0 0 3px 1px #ddd;}
.hall_box li dt {width:254px; height:140px;}
.hall_box li dt img {float:left; width:254px; height:140px;}
.hall_box li p {font-size:11px;color: #959595; margin-top:5px;margin-bottom:5px;margin-left:5px; }
.hall_box li strong { font-weight:700; font-size:15px; color: #000;margin-left:5px; }
#area { margin-left:10px; margin-bottom:5px;margin-top:5px; font-size:11px;color: #959595; }
#title {margin-left:10px; margin-bottom:10px; font-weight:900;font-size:14px; color: #000;}
</style>
<div class="hall_box">
<ul>
<?php for ($i=0; $i<count($list); $i++) { ?>
<?php
$content_max = cut_str(strip_tags($list[$i]['wr_content']), $cont_txt_max, '...');
//echo $list[$i]['icon_reply']." ";
echo "<li>";
$li_thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_w, $thumb_h);
$li_noimg = "$latest_skin_url/img/noimg.gif";
if($li_thumb['src']) {
$img_content = '<img src="'.$li_thumb['src'].'" width="'.$thumb_w.'" height="'.$thumb_h.'" alt="'.$list[$i]['subject'].'" title="" />';
} else {
$img_content = '<img src="'.$li_noimg.'" width="'.$thumb_w.'" height="'.$thumb_h.'" alt="이미지없음" title="" />';
}
echo "<a href=\"".$list[$i]['href']."\">";
echo $img_content; // 썸네일 출력
echo '<p id="area">';
echo $list[$i]['wr_5'];
echo '</p>';
echo '<p id="title">';
echo $list[$i]['wr_subject'];
echo '</p>';
echo "</li>";
}
if (count($list) == 0) { //게시물이 없을 때
echo "<li>게시물이 없습니다.</li>";
}?>
</ul>
</div>
<!-- } <?php echo $bo_subject; ?> 최신글 끝 -->
답변 3
예 EmulateIE9로도 해보셨나요?
웹표준으로 체크하신것인가요?
틀어진 화면을 보니 사진이 들어갈 자리가 좁네요.
margin이 브라우저나 버전마다 적용수치가 상이 할 수 있기때문에 수치를 맞게 조절해줘야 합니다.
기본 컨텐츠 width를 늘려주시고 썸네일 관련 margin-left 포함하여 마진관련 수치를 우선 ie9에 맞게 조절하고 나서 다른 버전과 브라우저에 호환되게 맞춰주세요.
사이트 상단 헤더에 이것을 넣어보세요
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> <!--이걸 반드시 해야함 -->
답변을 작성하시기 전에 로그인 해주세요.