html 해상도 Firefox 4 및 표 레이아웃:고정




모바일 웹 해상도 맞추기 (3)

먼저 마크 업의 유효성을 검사해야합니다. HTML 4.01에서는 유효하지 않은 "/>"스타일 SHORTTAG을 사용합니다 (이러한 클로저는 XHTML에서만 유효합니다).

예기치 않은 shorttag로 인해 브라우저가 "Quirks Mode"(페이지 정보를 확인하십시오 ...)가 될지 모르겠습니다. Quirks Mode는 문제 해결에 대한 죽음입니다.

파이어 폭스에 웹 개발자 확장이 설치되어 있다면 테이블과 그 안의 모든 것을 검사 할 것입니다. 뭔가가 벽의 벽을 밀고있을 수 있습니다.

나는 문제에 대한 추측을 더 이상 취할 수 없다. 충분한 데이터가 없다. 브라우저에서 전체 HTML을 저장 한 다음 (불필요하거나 신중한 비트를 조심스럽게 제거한) 간단한 유스 케이스에서 문제가 계속 발생하는지 확인하는 것이 도움이됩니다. 그렇다면 웹에서 사용 사례를 어딘가에 게시하면 사람들이 조사 할 수 있습니다.

짧은 태그 이외에, 당신은 당신이 잘못된 일을하고 있다는 것을 밝히지 않았다. 하지만 제가 제안했듯이 테이블 몸 안쪽에 뭔가가있을 것입니다 ...

파이어 폭스 3과 4 사이에 도입 된 것으로 보이는 문제가 있습니다. 본질적으로 table-layout: fixed .

두 개의 DIV를 사용하는 스크롤 가능한 테이블을 가지고 있는데, 하나는 헤더 용이고 다른 하나는 본문 용입니다 (슬프게도 나를 위해 일하는 유일한 옵션입니다).

body 테이블은 다음과 같이 보입니다 (JavaScript는 모두 GWT 애플리케이션의 일부입니다).

<table style="table-layout: fixed;">
    <colgroup>
        <col width="61" />
        <col width="57" />
    </colgroup>
    <tbody>
        <!-- data -->
    </tbody>
</table>

(그런데,이 페이지는 HTML 4.01 Transitional로 선언되었습니다)

Firefox 3에서는 열 너비가 존중되고있는 것 같습니다. 그러나 파이어 폭스 4에서는 칼럼 너비를 무시하는 것으로 보인다. (정확히 정확하게 핀 수는 없지만 일반적으로 테이블 크기가 작아지기 때문에 파이어 폭스의 크기를 조정하기가 어렵다.) Firefox에서 열 너비를 검사하면 일반적으로 HTML에 지정된 너비와 관련이 거의 없습니다.

나는이 일이 일어날 수있는 이유에 대해 어떤 사람이라도 밝힐 수 있는지 궁금 할뿐입니다.


FF 4의 숫자 뒤에 px가 필요할 수 있습니다. 테스트 :

    <col width="61px" />
    <col width="57px" />

왜 이걸 쓰지 않으 시렵니까?

display:table;
posiiton:fixed;

그리고 col-tag는 CSS를 사용합니다 :

<col style="width:61px;" />
<col style="width:57px;" />






tablelayout