2011-02-02 4 views
0

지금 당장 내 웹 사이트의 포트폴리오 섹션에는 제대로 표시되는 상위 3 개의 이미지가 있습니다. 그러나 Opera 브라우저에서는 나머지 이미지의 상단과 하단을 "잘라내어"각 이미지의 가운데 부분 만 표시합니다. 다른 모든 브라우저는 포트폴리오 섹션의 모든 그림을 올바르게 표시합니다. 나는 운이없는 그림에 여백과 패딩을 망쳐 놓으려고 노력했다. 아무도 내가 무슨 일이 일어나고 있는지 알아낼 수 있다면, 나는 분명히 감사 할 것입니다! =] 웹 사이트로 가려면 here을 클릭하십시오.오페라 브라우저가 일부 그림을 자르는 이유는 무엇입니까?

+0

소스 코드 레이아웃. :) – reisio

답변

0
#portfolio { 
    overflow: auto; 
    display: block !important; /* aren't we kind… */ 
    display: inline-block; /* …to IE6 :p */ 
} 
#portfolio a { 
    float: left; 
    margin: 3px; 
}
+0

정말 고마워요! 더 일찍 돌아 오지 못해 사과드립니다. 그러나 문제가 해결되었습니다. – Abriel

0

하려고하면 "왜?"

#portfolio a.cboxElement{ 
    display:block; 
    float:left; 
    border:3px solid #fff; 
} 

대답하는하기 일부 질문에, 일부 인라인 요소의 불투명도에 의해 트리거 된 브라우저 버그가있는 것 같습니다. 디스플레이 모드를 블록으로 설정하면 문제가 해결됩니다.

또한 어떤 버전의 Opera를 사용하고 있습니까?

+0

그 사람이 저에게 이야기 한 바에 따르면, 그들은 최신 버전의 Opera를 사용하고있었습니다. 그러나 나는 이것을 아직 시도하지 않았고 내가 이것을 시도 할 때 알려 줄 것입니다. – Abriel

+0

오페라 11.01에서 보았는데, 당시 최신 ("안정적인") 것이었지만, 지금은 여러 버전이 될 수 있습니다. 오페라는 버그가없는 것을 좋아하는 것보다 야생에서 여러 버전을 더 좋아합니다. : p – reisio

+0

알았어요. 나는 그것을 버그로보고했다. 감사! @reisio, 11.01은 여전히 ​​안정적인 최신 릴리스이지만 stable은 버그를 무료로 의미하지는 않습니다 :-). – webinista

관련 문제