가로사이즈에 상관없이 늘어나는 코딩을 하고 싶은데요...
간조롱
브라우저의 크기에 상관없이 무조건 100%로 보이게끔 할려고하는데요..
물론 작아지면 그만큼 안보이게 되야하고요..
그런데 브라우저가 작아지면서 float된것들이 밑으로 떨어져나가요;;
죄송하지만 코드를 봐주시고 조언 부탁드려요...
======css======#sub_container { padding:0 5px; clear:both; position:relative; min-height:100%;}
#lnb { width:100%; height:30px; padding:5px 0 0 0;}#lnb h2{ float:left;}#lnb ul { float:left; background:url(/shop/admin/html/img/common/bg_h2.gif) repeat-x; height:30px; width:100%px;}#lnb ul li { float:left; padding-top:10px;}#lnb ul li.first { padding-left:10px;}#lnb ul li.gap { padding:10px 10px 0 10px;}
======= html ======div id=sub_containerdiv id=lnb h2img src=/shop/admin/html/img/order/h2_order.gif alt=주문조회 //h2 ul li class=firsta href=../order/list.php주문목록/a/li li class=gapㅣ/li lia href=../order/list_order.php주문접수/a/li li class=gapㅣ/li lia href=../order/list_pay.php입금확인/a/li li class=gapㅣ/li lia href=../order/list_delivering.php배송준비중/a/li li class=gapㅣ/li lia href=../order/list_delivery.php배송중/a/li li class=gapㅣ/li lia href=../order/list_delivery_end.php배송완료/a/li li class=gapㅣ/li lia href=../order/list_cancel.php주문취소/a/li li class=gapㅣ/li lia href=../order/list_repay.php환불관리/a/li li class=gapㅣ/li lia href=../order/list_regood.php반품관리/a/li li class=gapㅣ/li lia href=../order/list_change.php교환관리/a/li /ul/div/div
어디서부터 어떻게 틀린지도 모르겠어요;;ㅠㅠ
-
정훈
#lnb ul 말고 #lnb 에다가 bg을 주는건 어떨지..
-
찬솔큰
그러니깐 ul부분에 넓이를 고정폭으로 둬야 li가 밑으로 안떨어 집니다.
그리고 ul을 감싸고 있는 #lnb에 overflow: hidden;을 걸어 주셔야 화면을 줄일 때 넓이에 따라 가려지게 됩니다. -
벛꽃
#sub_container {
padding:0 5px;
clear:both;
position:relative;
min-height:100%;
}
이놈한테 width값을 지정해주고 overflow:hidden해주는거에요?
그런데 width값을 지정해버리면 브라우져가 넓어져도 안늘어나는거 아닌가요? -
크심
감싸고있는 부모요소에 넓이값을 지정해주시고 overflow:hidden으로 숨기세요.