좌측 메뉴 폭 문제?

Rina의 이미지

Wiki 내용 중 긴 제목 때문에 좌측 메뉴 폭이 늘어나는데...
폭을 고정하면 어떨까요?

개인적으로 보기가 안 좋아서... ^^

File attachments: 
첨부파일 크기
Image icon kldp.png56.84 KB
idlock의 이미지


>>>>>>>>>>>>>>>>>>> 동감! <<<<<<<<<<<<<<<<<<<<<<<<<<

===============================================================
'고생은 사람을 고상하게도, 비열하게도 만든다'

doodoo의 이미지

1 표 추가!!

codebank의 이미지

저도 동감... :-)
------------------------------
좋은 하루 되세요.

------------------------------
좋은 하루 되세요.

권순선의 이미지

음... stylesheet에 다음과 같은 내용을 추가했습니다.

/* wkpark / kss for kldp.net/wiki display */
.block-aggregator {
overflow: hidden;
word-wrap: break-word;
}

4.7 버전에서 사용했던 방법이죠. 그런데 FF계열(제가 사용중인 브라우저는 flock)에선 문제가 해결되었으나 제 IE에선 여전히 이상하네요. 다른 분들은 어떤가요?

JungJoohwan의 이미지

순선님 말씀대로 파이어폭스에선 정상적으로 보이는데 IE에서는 공간은 뜨는데 막상 글자는 내려가는 갑니다.

whitenoise의 이미지

block 클래스의 width를 고정시켜 보세요.

.block { width: 16em;}

rewriter의 이미지

 table#content {
   table-layout:fixed;
}
권순선의 이미지

추가했습니다. 확인 부탁드립니다~

rewriter의 이미지

제 Windows + FF/IE 환경에서 서로 약간 다르게 나오기는 하지만 이 정도면 무난하다 싶을 정도로 나오는거 같습니다.

지리즈의 이미지

고생하셨습니다.

There is no spoon. Neo from the Matrix 1999.

There is no spoon. Neo from the Matrix 1999.

whitenoise의 이미지

전체 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.

whitenoise의 이미지

word-wrap 속성은 css3 draft에 정의된 속성이고, 아직 Konqueror에서 지원을 하지 않는 모양입니다.

CSS 2.1 & 3 Support in KHTML 3.4