960gs Opera & Internet Explorer 렌더링 문제

Question

Opera & IE8 브라우저에서 문제가 발생했을 때 960g를 테스트했습니다. 다음은 오페라에서 렌더링 된 페이지와 이미지입니다 (그러나 같은 오류가 IE8에서 발생합니다.) 내가하지 올바르게 스타일되는 버튼에 대해 걱정하지 않는다


,하지만 div의 버그 나 있음을 수평으로 정렬합니다.

아래는 동일한 페이지가 크롬으로 렌더링 된 것입니다 (파이어 폭스에서도 동일하게 보입니다).

누구든지 그 문제의 원인을 알고 있습니까?

Answer 1

HTML에 잘못된 태그가 있습니다. 버튼은 href를 가질 수 없습니다. 링크 (태그) 만 가능합니다.

귀하의 CSS에는 Safari/Chrome에서만 Opera, IE에 대한 그래디언트가 없습니다. -o-linear-gradient (top, # ade2ff, # 0588fa)를 사용하여 그렇게 할 수 있습니다.

Answer 2

음, 중 하나 당신은 <button>또는<a>를 사용합니다. <button>으로 버튼을 시작하면 <a>으로 끝낼 수 없습니다. 그 중 하나를 선택하면 그리드 레이아웃이 작동합니다.