2009-12-10 8 views
1

모든 브라우저에서 내 웹 사이트가 정상적으로 보입니다. IE7이 필요합니다.이 브라우저에서 많은 문제가 있습니다.이상한 IE7 테두리 동작

alt text http://i45.tinypic.com/dvmwc0.gif

내가, IE7, 국경 바닥 렌더링하지 않습니다 상단에 문제가있는 페이지 매김을 만든 사람이 이유를 알고 : 아래는 내가 문제가있는 이미지는? 여기에 내 css mayber는 당신에게 잘못된 점을 알려 줄 것입니까?

div.Pager a { 
    display:block: 
    float:left; 
    padding: 2px 6px; 
    border: solid 1px #e6e7e8; 
    margin: 0 2px 0 2px; 
    text-align:center; 
} 

div.Pager a:hover { 
    background-color:#437FC1; 
    border-color:#437FC1; 
    color:#fff; 
    text-decoration:none; 
} 

div.Pager{ 

    display:block; 
    overflow: hidden; 
    white-space: nowrap; 
    padding:6px 0 6px 0; 
    margin-top:2px; 
} 

누구나 비슷한 문제가있을 수 있습니다. 기본적으로 호출기 div에는 페이지 번호에 대한 링크 인 태그가 있습니다. 감사합니다

UPDATE : 여기

모든 CSS 유효성 검사를 통과 할 때, 때 반 열이 대체 무슨이다 :,

alt text http://i48.tinypic.com/fc6uqd.gif

놀라게하는 방법을 모든 FF에서 잘 작동하고 IE8도 유효하지 CSS가 .. 그것이 유효 할 때 그것은 위의 그림처럼 보이는 모든 브라우저에서 작동하지 않습니다 예 여기에 HTML

<div class="Pager"> 
<div class="Pager_left"> 
<span class="light"> Page:</span> 
<span class="current">1</span> 
<a onclick="return Page.goto(10);" href="#">2</a> 
<a onclick="return Page.goto(20);" href="#">3</a> 
<a onclick="return Page.goto(30);" href="#">4</a> 
<a onclick="return Page.goto(40);" href="#">5</a>… 
<a onclick="return Page.goto(10);" href="#">»</a> 
</div><div class="Pager_right"/></div> 
+0

왜 내 답변이 취소 되었습니까? –

+0

새 사진을 업로드했습니다. 무슨 일이 일어나고 설명이 .. 내 게시물에 업데이트가 있습니다. –

+0

맞아요. 유효성 검사가 실패했기 때문에 코드가 100 % 얻으려면 더 많은 작업이 필요하다고 가정하지 마십시오. 페이지 매김을 위해 HTML을 게시하십시오. –

답변

3

먼저 CSS/HTML을 확인 했습니까? , 당신이 무게 전에 스타일을 지정하는 다음과 같이

border shorthand syntax

가 있어야한다, 그것은 스타일 전에 무게해야합니다 :

border: 1px solid #e6e7e8; /* correct format */ 

이 가능하여 문제의 원인, 쿼크 모드로 IE7을 보낼 수 있습니다.

여기의 코드는 선택기를 올바르게 종료하지 않으므로 대신 세미콜론을 사용하십시오.

display:block: /* look here, you need a ; */ 
+0

변경 사항이 없으며 어느 쪽이 가는가 첫 번째는 동일하게 유지됨 –

+0

두 번째 변경을 적용하여':'대신';'를'display : block :'행에 추가 했습니까? –

+0

그게 엄지 손가락 !! –