메뉴바 100% 시키기.. 정보
메뉴바 100% 시키기..본문
http://jdschool.kr 가보시면...메뉴가있는데
메뉴를 x축으로 쭉~!~~100%로 위치하고싶은데 잘안되네요
html부분 입니다..
<div id="wrap"> <!--전체박스-->
<div id="head"> <!--위쪽메뉴-->
<img src="<?=$g4['path']?>/images/logo.jpg">
<ul class="menu">
<li><a href="<?=$g4['path']?>/index.php"><img src="<?=$g4['path']?>/images/menu_01.jpg" border="0"></a></li>
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=notice"><img src="<?=$g4['path']?>/images/menu_02.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_03.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_04.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_05.jpg" border="0"></a></li>
</ul>
</div>
CSS부분
#wrap {width:982px; border:1px solid black;margin:0 auto;}
#head {width:982px; border:1px solid red;float:left; margin-bottom:5px;}
#left {width:250px; height:600px;float:left; margin-right:10px;}
.login {width:100%; height:180px;border:1px solid purple; float:left; margin-bottom:5px;}
#right {width:715px; border:1px solid black; float:left;}
#footer
*{display:block; }
.menu { margin:0;
padding:0;
width:982px;
height:36px;
float:left;
background:url(../images/bar.jpg);}
.menu li {list-style:none;float:left;}
도와주세욤
메뉴를 x축으로 쭉~!~~100%로 위치하고싶은데 잘안되네요
html부분 입니다..
<div id="wrap"> <!--전체박스-->
<div id="head"> <!--위쪽메뉴-->
<img src="<?=$g4['path']?>/images/logo.jpg">
<ul class="menu">
<li><a href="<?=$g4['path']?>/index.php"><img src="<?=$g4['path']?>/images/menu_01.jpg" border="0"></a></li>
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=notice"><img src="<?=$g4['path']?>/images/menu_02.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_03.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_04.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_05.jpg" border="0"></a></li>
</ul>
</div>
CSS부분
#wrap {width:982px; border:1px solid black;margin:0 auto;}
#head {width:982px; border:1px solid red;float:left; margin-bottom:5px;}
#left {width:250px; height:600px;float:left; margin-right:10px;}
.login {width:100%; height:180px;border:1px solid purple; float:left; margin-bottom:5px;}
#right {width:715px; border:1px solid black; float:left;}
#footer
*{display:block; }
.menu { margin:0;
padding:0;
width:982px;
height:36px;
float:left;
background:url(../images/bar.jpg);}
.menu li {list-style:none;float:left;}
도와주세욤
댓글 전체
확인하고 계신 브라우저는 무엇인가요?
그리고 '메뉴를 x축으로 쭉~'하시는 것은 상단메뉴를 말씀하시는건가요? (우측메뉴도있으니 헷갈립니다)
또 상단 메뉴와 로고도 같이 브라우저 전체 사이즈로 100%로 하려고 하시는지도 말씀해주세요.
그리고 '메뉴를 x축으로 쭉~'하시는 것은 상단메뉴를 말씀하시는건가요? (우측메뉴도있으니 헷갈립니다)
또 상단 메뉴와 로고도 같이 브라우저 전체 사이즈로 100%로 하려고 하시는지도 말씀해주세요.
어떤 해상도에서든 x축으로 죽 메뉴바가 늘어나게...
이미지 첨부했습니다..!!
이미지 첨부했습니다..!!
메뉴바에 백그라운드 이미지부분을 100%로 늘이시는걸 말씀하시는듯?
wrap이랑 헤드부분 menu클래스부분이 고정 982px이라서 늘어날수가 없네요
wrap을 100% 마추신다음에 헤드부에서 메뉴부분을따로 빼내서 메뉴부분을 100%로 마추시고
메뉴부분에 bg를 깔아보심이?
아니면 헤드부분을 100%로로 잡으시고 헤드부분에 픽셀을 마춰서 bg를 깔아보셔도?
제가 아는게 요까지라서 ㅡㅡ;;
wrap을 100% 마추신다음에 헤드부에서 메뉴부분을따로 빼내서 메뉴부분을 100%로 마추시고
메뉴부분에 bg를 깔아보심이?
아니면 헤드부분을 100%로로 잡으시고 헤드부분에 픽셀을 마춰서 bg를 깔아보셔도?
제가 아는게 요까지라서 ㅡㅡ;;
wrap 를 100%로 잡고 다시 해볼께요
해결했어요 ㅋ
수고하셧습니다 ㅎㅎ