내 친구가 도움을 요청하지만 실수를 발견 할 수 없습니다. 그것은 약이다 :
http://www.nachhilfe-hh.de/nachhilfe-hamburg-west.php이상한 Internet Explorer 및 Firefox CSS 문제
문제는 전화 이미지의 cutted지고 있다는 점이다 텍스트가 Internet Explorer를 중복된다. Firefox는 잘 작동합니다. Firebug를 사용하여 CSS를 분석 한 결과 누락 된 "</div>"가 있음을 알았습니다. 문제가 해결되었지만 이미지가있는 것은 아닙니다. 이미지 너비를 변경하려고하면 : 발생하지 않습니다. 텍스트의 위치를 변경하려고하면 IE 또는 Firefox에서 모양이 엉망입니다. "< div>"를 "< span>"으로 변경하면 아무 효과가 없습니다.
누군가 아이디어가 있습니까? Pls?
IE를 구체적으로 타겟팅하기 위해 조건부 주석을 사용해 보았습니까? 이렇게하면 각 브라우저마다 다른 스타일을 가질 수 있으므로 하나를 변경하면 다른 브라우저가 손상되지 않습니다. 참조 :이 기능과 사용법을 잘 알고 싶다면 http://www.quirksmode.org/css/condcom.html
.telefoncontainer이 있고 그림은 370px 중 하나가됩니다.
.telefoncontainer p의 너비가 좋기 때문에 다른 브라우저에서 작동합니다. 그러나 IE는 부모의 크기를 조정하기 위해 아동의 폭을 무시합니다.
첫째는 : 여전히 누락 </div> 있습니다 : http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nachhilfe-hh.de%2Fnachhilfe-hamburg-west.php
내가 position: relative을 피하기 위해 좋을 것. 중복되는 이유이며,이 경우 오류를 발견하더라도 다른 곳에서는 더 겹칠 수 있습니다. (div들과 center이 필요하지 않습니다, 모든 추가, p들)
<div class="telefoncontainer">
<div id="stadt">Nachhilfe Hamburg West</div>
<div id="telefon">040/839 75 03</div>
</div>
:
는에 telefoncontainer의 HTML을 간소화 할 수 있습니다.콘텐츠가 올바르게 배치 될 때까지 컨테이너의 padding을 조정하십시오.
예 : 나는 조건부 주석을 사용하여 생각하지 않는다 http://jsfiddle.net/sVhd2/
나쁜 HTML과 CSS의 솔루션입니다. – RoToRa
사실, 그 사람이 그들에 대해 알도록 해치지 않습니다. – WickyNilliams