내 사이트가 IE와 크롬에서 좋은 작품은 그 내가 방화범을 켜고 HTML을 클릭하면내 사이트가 파이어 폭스
는 갑자기보기-수됩니다 ...하지만 파이어 폭스에 엉망 그것이 어떻게되어야하는지, 무엇이 이것을 일으킬 것인가?
http://graves-incorporated.com/test_sites/solera_new/index.html
이 CSS는 파이어 폭스와 크롬에 관한 문제를 해결할 것입니다. 그러나 귀하의 사이트가 다른 모든 브라우저에서도 작동하는지 확신 할 수 없으며, 여전히 테이블을 사용하여 메뉴를 디자인 할 때 문제가 발생하여 "possition : absolute "td 태그 용. all을 제거하고 list 태그를 사용하십시오.
td.imageholder {
position: absolute;
width: 120px;
height:120px;
}
내가 할 수있는 테스트에 제한하고있어 이후 확신 할 수는 없지만, 파이어 폭스에서 얻을 오류는 다음과 같습니다
P7_initHGM is not defined
내가 당신의 머리에서 보았다 태그가 나타나고 p7pmm/p7PMMscripts.js 스크립트가 두 번 호출되는 것처럼 보입니다. 어쩌면 당신이 그걸 고치는 데 도움이 될만한 것을 제거한다면.
유일하게 볼 수있는 것은 글꼴로드 및 실패를 시도하고 Javascript (P7_initHGM)에서 호출되어 렌더링에서 지연을 유발할 수있는 오류가 발생하는 함수가 있다는 것입니다. 사이트. 저쪽에 나는 모든 자바 스크립트를 페이지의 맨 아래에 놓았을 것이고 그것이 렌더링을 다른 것으로 만드는 지 볼 것이다.
이것은 HTML5가 아니며 XHTML1.1 DTD를 사용하고 있습니다. 정적으로 요소의 위치를 지정하려면 테이블 외부 및 div 내부에서 수행해야합니다. 더 많은 표준을 준수하려면 모든 것을 DIV (tableless) 레이아웃으로 변환하십시오. 이렇게하면 모든 것을 재배치해야 할 필요없이 치료할 수 있습니다. 경고 : @pacificvn 답을 따르더라도 인터넷 사용자의 약 60 %가 여전히 사용하는 IE 7/8과 같은 일부 구형 브라우저에서는 작동하지 않을 수 있습니다. 그리고 IE 용 Chrome 탭을 사용하고 있는데, 모든 사람이 설치하지는 않는 애드온입니다.
W3C Validaty에 대한 코드를 검사 할 때 imageholder에 대한 태그 요소가 테이블에 제대로 감겨져 있지 않음을 보여줍니다. http://validator.w3.org/unicorn/check?ucn_uri=graves-incorporated.com%2Ftest_sites%2Fsolera_new%2Findex.html&ucn_task=conformance#
당신이 tabless 디자인에이 참조보고를 위해 내가 제안 : http://www.w3.org/2002/03/csslayout-howto (안 최고의하지만 그것은 시작이다 - 구글 검색 사업부의 tabless 디자인) 웹 개발로 지금까지
이 당신에게까지 얻을 것이다 표준을 충족하고 최신 코딩 표준을 사용하는 페이지를 개발할 수 있다면. 웹 사이트는 테이블로보기 좋게 만들 수 있지만 제한적입니다. 테이블 디자인에서 테이블이없는 사이트로 많은 사이트를 변환했습니다.
참고 : IE 사용은 내가 현재 구축했거나 유지 관리 한 약 30 개 사이트의 분석을 기반으로합니다.
정말 고마워요! –