Wiki 내용 중 긴 제목 때문에 좌측 메뉴 폭이 늘어나는데... 폭을 고정하면 어떨까요?
개인적으로 보기가 안 좋아서... ^^
>>>>>>>>>>>>>>>>>>> 동감! <<<<<<<<<<<<<<<<<<<<<<<<<<
=============================================================== '고생은 사람을 고상하게도, 비열하게도 만든다'
1 표 추가!!
저도 동감... :-) ------------------------------ 좋은 하루 되세요.
------------------------------ 좋은 하루 되세요.
음... stylesheet에 다음과 같은 내용을 추가했습니다.
/* wkpark / kss for kldp.net/wiki display */ .block-aggregator { overflow: hidden; word-wrap: break-word; }
4.7 버전에서 사용했던 방법이죠. 그런데 FF계열(제가 사용중인 브라우저는 flock)에선 문제가 해결되었으나 제 IE에선 여전히 이상하네요. 다른 분들은 어떤가요?
순선님 말씀대로 파이어폭스에선 정상적으로 보이는데 IE에서는 공간은 뜨는데 막상 글자는 내려가는 갑니다.
block 클래스의 width를 고정시켜 보세요.
.block { width: 16em;}
table#content { table-layout:fixed; }
추가했습니다. 확인 부탁드립니다~
제 Windows + FF/IE 환경에서 서로 약간 다르게 나오기는 하지만 이 정도면 무난하다 싶을 정도로 나오는거 같습니다.
고생하셨습니다.
There is no spoon. Neo from the Matrix 1999.
전체 table layout이 고정되니 IMG의 크기가 클 경우 clipping이 발생하는 경우가 생깁니다.
이미지 크기를 줄이려고 max-width 속성을 쓰려고 했더니 css2에 정의된 속성임에도 IE에서 지원을 하지 않는군요. 찾아보니 자바스크립트를 써서 px 단위로 비슷한 효과를 얻으려면 다음과 같은 방법이 있는 모양입니다.
.content IMG { max-width: 640px; width: expression(this.width > 640 ? "640px" : this.width); }
이미지의 크기를 줄이는 것도 clipping이 생기는 경우와 마찬가지로 정보의 손실이 생기기 때문에 원래 크기로 볼 수 있도록 링크나 팝업창을 만드는 것도 고려할 필요가 있을 것 같은데, 좋은 방법이 있을까요?
일단 추가하였습니다. 훨씬 낫네요. :-) 이미지 첨부 쪽은 사실 딱 입맛에 맞는 drupal 모듈이 없었습니다. 다른 좋은 방법이 있으면 언제든지 알려 주세요... 감사합니다.
해당 CSS가 안먹는 것 같습니다.
mystory님의 스샷처럼 늘어져 보이네요.
word-wrap 속성은 css3 draft에 정의된 속성이고, 아직 Konqueror에서 지원을 하지 않는 모양입니다.
CSS 2.1 & 3 Support in KHTML 3.4
>>>>>>>>>>>>>>>>>>> 동감!
>>>>>>>>>>>>>>>>>>> 동감! <<<<<<<<<<<<<<<<<<<<<<<<<<
===============================================================
'고생은 사람을 고상하게도, 비열하게도 만든다'
1 표 추가!!
1 표 추가!!
저도 동감...
저도 동감... :-)
------------------------------
좋은 하루 되세요.
------------------------------
좋은 하루 되세요.
음... stylesheet에
음... stylesheet에 다음과 같은 내용을 추가했습니다.
/* wkpark / kss for kldp.net/wiki display */
.block-aggregator {
overflow: hidden;
word-wrap: break-word;
}
4.7 버전에서 사용했던 방법이죠. 그런데 FF계열(제가 사용중인 브라우저는 flock)에선 문제가 해결되었으나 제 IE에선 여전히 이상하네요. 다른 분들은 어떤가요?
순선님 말씀대로
순선님 말씀대로 파이어폭스에선 정상적으로 보이는데 IE에서는 공간은 뜨는데 막상 글자는 내려가는 갑니다.
block 클래스의 width를
block 클래스의 width를 고정시켜 보세요.
.block { width: 16em;}fixed 를 추가해 보시죠
table#content { table-layout:fixed; }추가했습니다. 확인
추가했습니다. 확인 부탁드립니다~
잘 나오는거 같네요
제 Windows + FF/IE 환경에서 서로 약간 다르게 나오기는 하지만 이 정도면 무난하다 싶을 정도로 나오는거 같습니다.
컹커러에서도 잘 보입니다.
고생하셨습니다.
There is no spoon. Neo from the Matrix 1999.
There is no spoon. Neo from the Matrix 1999.
전체 table layout이
전체 table layout이 고정되니 IMG의 크기가 클 경우 clipping이 발생하는 경우가 생깁니다.
이미지 크기를 줄이려고 max-width 속성을 쓰려고 했더니 css2에 정의된 속성임에도 IE에서 지원을 하지 않는군요. 찾아보니 자바스크립트를 써서 px 단위로 비슷한 효과를 얻으려면 다음과 같은 방법이 있는 모양입니다.
.content IMG { max-width: 640px; width: expression(this.width > 640 ? "640px" : this.width); }이미지의 크기를 줄이는 것도 clipping이 생기는 경우와 마찬가지로 정보의 손실이 생기기 때문에 원래 크기로 볼 수 있도록 링크나 팝업창을 만드는 것도 고려할 필요가 있을 것 같은데, 좋은 방법이 있을까요?
일단
일단 추가하였습니다. 훨씬 낫네요. :-) 이미지 첨부 쪽은 사실 딱 입맛에 맞는 drupal 모듈이 없었습니다. 다른 좋은 방법이 있으면 언제든지 알려 주세요... 감사합니다.
컹커러에서는
해당 CSS가 안먹는 것 같습니다.
mystory님의 스샷처럼 늘어져 보이네요.
There is no spoon. Neo from the Matrix 1999.
There is no spoon. Neo from the Matrix 1999.
word-wrap 속성은 css3
word-wrap 속성은 css3 draft에 정의된 속성이고, 아직 Konqueror에서 지원을 하지 않는 모양입니다.
CSS 2.1 & 3 Support in KHTML 3.4