티스토리 팁 파이어폭스에서 표 왼쪽 테두리 안보임 현상

2009.01.24 05:15
파이어폭스에서 표 왼쪽 테두리 안보임 현상해결

일반적으로 표를 만들면 익스플로러에서는 정상적으로 보이지만 파이어 폭스에서는 왼쪽 테두리가 잘립니다.
     

해결방법은 테이블의 속성에 margin-left: 1px;을 추가하면 됩니다.
     

<table style="margin-left: 1px; border-collapse: collapse;" bgcolor="#d6f3f9" cellpadding="1" cellspacing="1" width="640">

Margin 테그는 위 그림처럼 여백을 주는 옵션입니다. Border은 두께고 Padding는 내부 여백입니다.



파이어폭스에서  표 편집기능

추가로 대부분 아시겠지만 모르시는 분들을 위해서 알려드리면 파이어 폭스에서는 표를 작성하는데 상당히 편리한 기능이 있습니다. 파이어 폭스 자체에서 위즈윅모드 글 편집기의 표를 인식해서 몇가지 표 관리 기능이 동작합니다. 익스플로러, 크롬, 오페라에서는 안되는것으로 확인했습니다.


(1) 표의 각 셀을 마우스로 클릭하면 ◁ⓧ▷ 이런 모양이 보입니다. 좌우 화살표를 누르면 표의 오른쪽이나 왼쪽에 행 또는 열이 추가 됩니다. 단 테투리가 없음으로 되어있어서 여백이 생긴것 처럼 보입니다. 배경색을 넣고 만들어 보면 확실히 알 수 있습니다.

(2) 마우스로 크기를 조절하면 현재 변형된 크기를 보여줍니다.

(3) 마우스 클릭으로 표의 각 셀을 블록 선택해 배경색을 지정한다거나 가운데 정렬을 할 수 있습니다.

표를 만드는데 정말 필요한 기능들입니다. 특히 셀 멀티 선택 같은것은 정말 좋은 기능이죠. 모르셨다면 한번 이용해 보세요. ^^
저작자 표시 비영리 동일 조건 변경 허락
신고

뽕다르 인터넷 , , ,