float가 안먹히는 경우..;;;
라라
위쪽이 정상으로 서브메뉴가 가로로 길게 나오는 거구요
제가 작업한건 아래 그림이 자꾸 세로로 메뉴가 떨어지네요 ;;;
뭐가 문제가 되는질 모르겠네요; 웃긴건 ie6에서만 잘나오고 다른브라우저는 이상하게 나오네요 ㅋ
float가 안먹히는듯한데 ;ㅠㅠ
소스보고 확인부탁드립니다.
#header .topmenu { float: left; display: block; }
#header .topmenu .gnb { padding: 32px 0 0 0; }
#header .topmenu .gnb ul {}
#header .topmenu .gnb ul li.menubar { float: left; display: block; position: relative; }
#header .topmenu .submenu { height: 11px; overflow:auto; border:1px solid #dadada; background: #fff; padding: 8px 0; position: absolute; top: 34px; left: 0; }
#header .topmenu .submenu ul { }
#header .topmenu .submenu ul li { float: left; display: block; padding: 0 9px; line-height: 0; font-size: 0;}
div class=topmenu
pa href=#img src=../contents/images/common/topmenu/english.gif//a/p
div class=gnb
ul
li class=menubar
!-- 메뉴 off 이미지
a href=#img src=../contents/images/common/topmenu/menu01off.gif//a
--
a href=#img src=../contents/images/common/topmenu/menu01on.gif//a
div class=submenu
ul
li
a href=#img src=../contents/images/common/topmenu/submenu01.gif//a
/li
li
a href=#img src=../contents/images/common/topmenu/submenu02.gif//a
/li
/ul
/div
/li
/ul
/div
-
보예
#header .topmenu .submenu에서 position을 제거하면 width없이 float이 됩니다.
그런데 position을 제거할수 없는 상황이군요. -
아란
네.submenu에 넓이를 주면 float가 적용되긴 하는데요;ㅋ 이게.. 넓이가 왔다갔다하는 디자인이라서
딱 넓이를 줄수가 없어요 ㅠㅅㅠ 낼까지 고민해바야겠어요- 도와주셔서 감사합니다 ^^ -
아더
ul이나 .submenu에 넓이를 주면 분명히 float:left가 적용되고 있다는게 확인은 되는데 말이죠...으그그그그그...
생각해보면, 제가 매뉴에 쓸때, 디브로 감싸서 메뉴벌 클래스주고 넓이를 주긴 했는데 말이죠.. 그참.. 끙... -
쥬디시어스
ㅠㅠ 꿈쩍을 안하네요 ;;ㅠㅠ 저거 하나땜 하루 다보내내;; ㅎㅎ 답글 감사드립니다 ^^
-
율하
* 수정 *
소스를 들고 직접 막 파훼쳐본 거로 지금 알아낸건 a, li 까지는 정상적인 높넓이를 인식하는데 ul이 인식을 안하네요... 음..
음, a에 블럭을 제가 줘서 정상 인식이네요.. 음 ul왜 못 받아오지...