익스 9 css 틀어짐 질문좀드리겠습니다

익스 9 css 틀어짐 질문좀드리겠습니다

QA

익스 9 css 틀어짐 질문좀드리겠습니다

본문

안녕하세요 질문좀 드리겠습니다

유독 익스 9에서만 css가 틀어져서 나옵니다..

왜그런지 도통 모르겠는데 경험해보신분들이나 

이부분에 대해서 아시는분들 답변좀 부탁드립니다 

 

 

eff51a01f2469a4915533989a794de1c_1467852701_0245.png
 


<?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" /> <!--이걸 반드시 해야함 --> 

답변을 작성하시기 전에 로그인 해주세요.
전체 129,672 | RSS
QA 내용 검색

회원로그인

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