html 작성시 브라우져 마다 다르게 보이는 현상

ant01의 이미지

php로 조그마한 프로그램 짜고 있습니다.

그런데 윈도우에서 적당하게 보이도록 화면 디자인 했는데

리눅스에서 브라우져 열어보니 크기나 글자 위치 등이 많이 달라서 고민입니다.

어떻게하면 브라우져마다 똑같이 보이게 프로그램할 수 있나요?

여러분의 도움 기다리겠습니다.

익명 사용자의 이미지

크로스브라우징이라고 한번 검색해 보시죠.

정상인의 이미지

그럴싸한 쉬운 방법은 없습니다.
제 경우 보통 독타입은 html5에 맞춰 선언한 후 css중 브라우저간 호환성을 덜 타는 스타일만 사용하고 그래도 해결 안 되는 건 별개의 핵을 먹이는 방법을 써서 IE6정도부터 지원하게 만듭니다. 개발중 테스트는 파폭위주로 하고 대강 틀이 잡혔을 때 다른 브라우저들을 열어보면서 보정에 들어갑니다.
그리고 아실거라 생각하지만 레이아웃은 테이블보단 div로 짜는 게 css로 위치를 잡을 때 위치를 정확히 잡기 좋습니다. 코드도 덜 난잡해지고 말이지요. 페이지를 구성하는 각 요소를 div로 나누고 position을 잘 잡아주는경우 적어도 요즘 브라우저들에선 탈이 많이 나지 않습니다.

세벌의 이미지

CSS 를 잘 활용하시는 것도.