2009-12-30 6 views
1

테이블에서 벗어나려고 노력 중이지만 너무 어렵습니다.HTML CSS - 필드 세트 컨테이너가 일치하지 않습니다.

이것은 두 개의 녹색 상자가 크롬과 오페라의 이전 버전에서 제대로 정렬되지 않는 이유를 이해하지 않는 웹 페이지 "http://outsidemma.com/index.php"

입니다.

이것은 firefox 3.5와 IE8에서 완벽하게 작동합니다.

이 이상한 동작의 원인을 알고 싶습니다.

+0

사실 10.10에서도 괜찮습니다. (둥근 모서리는 제외) –

답변

1

대신 디스플레이 : 인라인 블록, 플로트 시도는 : FIELDSET 각 브라우저에서 매우 다르게 취급됩니다

4

을 떠났다.
이러한 분리해서하는 중

  • 칸막이 <div>content</div>
  • 목록 <ul><li>content<li></ul>

를 사용한다. 다른 일부 브라우저는 서로 다른 display 디폴트와 필드 셋을 취급하기 때문입니다 언급 한 것처럼

두 경우 모두 스타일을 float:left;

0

을 설정해야합니다.

그것은 어떻게 다른 브라우저 치료의 모든 요소 불일치 제거 유이 재설정과 같은 CSS 기반을 사용하도록 관심을 수

http://developer.yahoo.com/yui/reset/

유이 재단에 대한 하나 개의 좋은 점은 당신이 YUI를 사용할 수 있다는 것입니다

리셋, 글꼴 및 그리드는 조각 만 원하면 별도로 가져올 수 있습니다. YUI Base를 사용하여 모든 브라우저에서 일관된 기본 스타일을 추가 할 수도 있습니다.

+1

결과를보기 위해 페이지를 재설정했는데 실제로 문제가 해결되지 않았습니다. 리셋을 사용하는 것은 건전한 조언이지만 – Erik

관련 문제