은진아빠

800 부터 1280 까지 끄떡없는 홈피 레이아웃 짜기

· 2003-10-16 (목) 23:47:48 · 2990 · 4
최근게시물 몇개만 가로로 늘어놓아도 벌써 홈피가 보기 싫어지지요.
그렇다고 800 사이즈에 맞추어서 제목을 줄이기도 좀 그렇고..
이것을 쉽게 해결하는 팁이 있습니다.
table 에 스타일을 지정할 수 있는데- 미리보기를 집어넣을 테이블에 style=table-layout:fixed 라고 지정해주면 테이블 내부에 어떤 내용이 들어와도 이 테이블은 깨지지 않게 됩니다. 그리고 미리보기 스킨에서 만들어지는 테이블의 크기를 100%로 잡아주고 글이 위치할 <TD> 태그에 NORWAP 속성을 주면 이 테이블은 글자길이에 맞추어 늘어나지만 fixed라고 잡힌 테이블 내부에 잡히기 때문에 바깥 테이블 이상의 내용은 테이블에 가려서 보이지 않게 됩니다. 물론 이건 인터넷 익스플로러에 먹히는 내용이고.. 모질라나 넷스케이프는 잘 모르겠군요. 한국의 인터넷 브라우저 98% 이상이 익스임을 감안한다면 써먹을만한 팁입니다. 대충 메모장에서 작업했지만 첨부파일을 올리니 참고하세요.

* 미리보기 스킨을 만들때에 테이블로 하지 않고 그냥 <br>처리를 한다면 더 편하겠지요.
* 더 길어도 되겠지만 보통은 1024 정도에서 무리없게 보이는 정도로 미리보기 제목길이를 정해주면 그 이상의 해상도에서도 큰 거리낌없이 볼 수 있습니다. 인터넷을 1600 길이로 브라우징 하는 사람은 많이 없을테니까요.

첨부파일

fixed_layout.htm (3.6 KB) 370회 2004-02-18 22:21
|

댓글 4개

2003-10-20 (월) 11:10:51
정준군님 아이콘 .... ㅋㅋㅋ 졸리나요? ㅋㅋㅋㅋ
2003-10-17 (금) 06:41:04
오호 이것참 좋은 tip입니다^^
왼쪽에 즐겨찾기 탭을 표시하면 가로스크롤이 불가피한 SIR 홈페이지를 보다가 적어봤습니다..
2006-05-26 (금) 20:18:04
스크랩합니다`
댓글을 작성하시려면 로그인이 필요합니다.

그누3 팁자료실

1,026건
+
제목 글쓴이 날짜 조회
03-10-27 조회 2,326
03-10-27 조회 2,641
시드니
03-10-27 조회 1,786
03-10-25 조회 2,912
03-10-25 조회 3,041
03-10-25 조회 3,254
03-10-24 조회 2,448
03-10-24 조회 2,114
03-10-23 조회 3,541
03-10-23 조회 2,532
03-10-22 조회 2,849
03-10-22 조회 2,028
03-10-22 조회 3,216
03-10-22 조회 2,582
03-10-21 조회 2,706
03-10-21 조회 2,414
03-10-21 조회 2,707
03-10-20 조회 3,527
03-10-18 조회 3,747
03-10-16 조회 2,991