테이블로 짜는거는.. 솔직히 뭐고뭐고 필요 없이 그냥 하면 되구요..

div로 하시는거면 파벅이 매우 용이하실 겁니다.

파벅 켜놓은 상태에서 직접 css를 보면서 그 상태로 수정을 가할 수 있습니다. 물론 페이지에 그대로 반영되는게 아니라

이렇게 바꾸면 이렇게 된다는 것을 보여주는 것이기 때문에 나중에 바꾼 부분을 전부 최종본으로 바꾸셔야됩니다.

예제를 보여드리자면 이렇죠.

가령 이런 화면에

이렇게 저기 글자를 바꾸고 싶으면 해당 엘리먼트 위에서 오른쪽 버튼 요소 검사를 해줍니다. 그러면 밑에 창에 해당 엘리먼트의 css 속성이나 박스 모델 상태가 나옵니다.

여튼 저 글자를 빨간색(여기서는 ff3333 입니다.)로 바꾸고 싶어졌는데 한번 파벅으로 미리 봐보고 싶었습니다.

그래서 이렇게 바꾸었죠.

 밑에 창에서 color 라는 속성을 추가하고 그 값으로 #f33 을 주었습니다.

색이 바뀐게 바로 적용되는 군요.

이런식으로 조금씩조금씩 해나가시면 됩니다.

절대 잊으시면 안되는건 이건 일종의 미리보기 인거지 완전한 적용을 말하는게 아닙니다.

완전히 적용하실려면 레이아웃 파일에 직접 써주시고 다시 업로드 하시고 캐쉬를 재생성하세요.

마지막으로.. 이건 파폭에서 이렇게 나온다는 이야기지.. 다른 브라우저들(대표적으로 ie? 그외 크롬(크롬은 파폭이랑 비슷하던데..)이나 오페라, 사파리 같은 다른 브라우저)에서도 이렇게 나온다는 말이 아닙니다.