이 브라우저 호환성 문제를 해결하십시오

내 CSS 코드 :이 브라우저 호환성 문제를 해결하십시오

body 
{ 
padding:0; 
margin:10px auto; 
width:800px; 
} 

.wrapper 
{ 
width:800px; 
background-color:#0099FF; 
} 

.bannercont 
{ 
margin-top:5px; 
height:90px; 
width:800px; 
} 

.banner 
{ 
position:relative; 
top:20px; 
background-image:url(../images/livesupport.png); 
width:267px; 
height:32px; 
}

내 HTML :

<html> 
    <head> 

    <link href="../css/iestyle.css" rel="stylesheet" type="text/css"> 
    <script language="javascript" src="../js/jquery.js"></script> 
    <script language="javascript" src="../js/jquery.corners.js"></script> 


    <script> 

     $(document).ready(function(){ 
     //$('.banner').corners("30px transparent top"); 
     }); 

    </script> 


    </head> 

    <body> 

    <div class="wrapper"> 
     <div class="bannercont"><div class="banner"></div></div> 


    </div> 

    </body> 
</html>

배너 파이어 폭스의 중심에 표시하고 및 Internet Explorer에서 왼쪽 정렬. 나는 그것을 중심으로해야한다. 나를

출처

2009-08-26 Rajasekar

에 약간의 반사를

display: block; 
margin: 0 auto;

을하는 추가 : 그것은 쿼크 모드로 렌더링하지 않도록

페이지에 문서 타입을 추가합니다.
본문 요소의 너비를 설정하지 마십시오.

출처

2009-08-26 10:58:47 Guffa

당신이 배너 사용해야 도와주세요 :

margin: 0 auto;

가 중심 얻을 것이다 브라우저 전체에 자동으로.

출처

2009-08-26 10:56:33 dusoft

는 배너 요소 여기

출처

2009-08-26 10:57:33 Kablam

이 브라우저 호환성 문제를 해결하십시오

답변

관련 문제