2013-03-27 5 views
1

IE의 테이블에 문제가 있습니다. Joomla!를 (를) 만들었습니다. 부트 스트랩과 결합 된 템플릿. 고객이 joomla!의 컨텐츠를 작성했습니다! 웹 사이트.IE의 테이블 너비가 100 % 인 경우

당신은 여기 내 문제 찾을 수 있습니다 : 당신이 모든 좋은 것을 볼 수 Firefox 나 다른 브라우저에서 볼 때 (제거 링크)

합니다. 하지만 인터넷 익스플로러 (브라우저가 싫어)에서 보면 회색 배경의 표가 제대로 표시되지 않는다는 것을 알 수 있습니다. 그들은 폭이 넓어야합니다. 텍스트가 잘립니다.

나는 많은 것을 시도하고 인터넷에서 다른 해결책을 테스트했다. 그러나 나는 그것을위한 해결책을 찾을 수 없다.

+0

IE의 어떤 버전을 테스트하고 있습니까? – Spudley

+1

은 매우 이상하다는 데 동의했습니다. 내가 말하고자하는 한가지는 그러한 방식으로 테이블을 사용하는 것 (예 : 페이지 레이아웃)이 요즘에는 좋은 습관으로 간주되지 않는다는 것입니다. 나는 더 많은 의미 론적 마크 업을 사용하도록 제안 할 것이다. 그것은 당신의 SEO를 향상시킬 것입니다. 그것은 분명히 부작용으로 문제를 제거 할 것입니다.하지만 분명히 당신이 가진 것에 단순한 수정보다 많은 일이 될 것입니다. – Spudley

+0

이 문제는 나를 괴롭 히고있어 문제를 찾을 수 있는지 알아보기 위해 노력해 왔습니다. 아직 답변이 없지만 몇 가지 기본 유효성 검사를 수행하는 것이 좋습니다. IE에서 페이지를로드하면 콘솔에 여러 가지 JavaScript 오류가 표시됩니다. 그들 중 일부는 상당히 분명하고 고정되어야합니다. 또한 XHTML doctype을 사용하고 있지만 마크 업에는 여러 가지 오류가 있음을 알 수 있습니다. 특히 HTML보다 관대하지 않는 XHTML을 사용하고 있기 때문에 W3C 검사기를 사용하여 오류를 찾아 수정해야합니다. – Spudley

답변

1

문제는 아래쪽에있는 큰 이미지 (connectivity2_big-photo.jpg)로 인해 발생합니다. 이미지의 높이와 너비를 설정하는 동안 CSS의 높이와 너비는 '자동'으로 설정되어 IE에서 가능한 크기로 최대한 확대됩니다.

img 선언에서 적절한 크기의 이미지를 사용하거나 width : auto 및 height : auto를 제거하면 모든 것이 다시 작동합니다.

나는 이것이 XHTML 1.0 Transitional 사용과 더 관련이 있다고 생각한다 : IE가 1997 년으로 되 돌린다. 그러나 그것은 당신이 요구하는 것이다!

+0

+1. 내가 그걸 놓쳤다는 것을 믿을 수 없어. 또한 사이트가 더 큰 버전이 아닌 표시하려는 크기로 이미지를 제공하고 브라우저에 확장을 요청하는 것이 좋습니다. 그렇게했다면 문제는 발생하지 않았을 것입니다. 또한 브라우저에서 크기가 조절 된 이미지는 사용자가 할 수있는 것처럼 잘 보이지 않으며 사용자가 필요한 것보다 더 큰 파일을 다운로드하게 만듭니다. – Spudley

+0

대단히 감사드립니다! 나는 많은 것을 시도했지만 밑바닥의 이미지가 커야한다는 것을 결코 깨닫지 못했습니다. 나는 또한 내가 그걸 놓쳤다는 것을 믿을 수 없습니다 ... 이제 모든 것이 OK입니다 ... 너무 쉽게 ... @ Spudley 코드를 알고 테이블이 공포입니다. 그러나 그것은 CMS 시스템이며 고객은 자신이 만든 컨텍스트를 만듭니다. 그는 종종 테이블과 큰 그림들로 작품을 나눕니다. –

관련 문제