float left, margin-bottom;
움찬
doctype xhtml1-transitional
ie8, 기타브라우저에서는 정상, ie7,6 에서는 그림처럼 나옵니다
hack 을 사용해야된다는데 _display:inline 을 넣어줘도 영 먹지를 않네요
어찌 해결할까요?
IE8, FF, Safari, Opera, Chrome
IE6, 7
CSS
div id=areaBBS
div id=bbs1bbs1/div
div id=bbs2bbs2/div
div id=bbs3bbs3/div
div class=clear/div
/div
html
#wrap #main #areaBBS { margin-bottom: 10px;}
#wrap #main #areaBBS #bbs1 { float: left; width: 236px; _display:inline;}
#wrap #main #areaBBS #bbs2 { float: left; width: 236px; margin:0 18px; _display: inline;}
#wrap #main #areaBBS #bbs3 { float: left; width: 236px; _display: inline;}
-
바름
IE duplicate character bug ?
함 찾아볼께요. 감사합니다 -
겨라
예, 어딘가 상위 엘리먼트에서 문제가 있는것 같긴한데 찾기가 힘드네요
앞으론 코드한줄 넣을때마다 호환성테스트를 하는 습관을 들여야겠습니다 ㅠ -
아담
올려주신소스만으로는 정상적으로 되야하지만, 수다님 말씀처럼 #areabbs가 정상적으로 width:100%를 먹지 않았거나, 상위컨테이너의 width가 작을수도 있겠네요.
zoom:1을 어딘가에 줘야할텐데.. 어딘지를 모르겠네요 ㅋ
몽땅 zoom:1을 주고 하나씩 지워보시는건? ㅎㅎ -
민트맛캔디
예, 혹시나 해서 그것도 테스트 해 봤지만 역시 안먹더군요
-
Hotpants
float 대신 display:inline 을 줘도 마찬가지고...
-
흰추위
혹시나 해서
#wrap #main #areaBBS { margin-bottom: 10px; clear:both;}
상위 div 에 위처럼 clear:both; 를 주어도 마찬가지네요 ㅠ.ㅠ -
파라미
소스만 봐서는 문제가 없는듯 보이는데요.
혹, 다른 곳에서 상속받아 문제가 생기는것은 아닌지... -
비치나
수치가 정확하게 맞을경우 화이트스페이스가 복사되는 현상인듯하네요
글자 복사 버그와 마찬가지로 주석이나 머 기타등등을 제거해보세요
검색은 캐릭터 듀플리케이터 버그 -- 영어로 굽신굽신 -
지존
부모 레이어에 넓이 값을 주셔야합니다.
#areaBBS{width:900px;}