묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃으로 윈도우 스킨을 만들어 보는데요
2010.12.27 22:20
레이아웃으로 윈도우 스킨을 만들어 보는데요.
실제 윈도우 인터페이스 처럼 만들어보려는데 메뉴바 부분에서 문제가 생겻습니다.
처음만들어보는 거라 왜 이리 됫는지도 모르겟네요..
드림위버에서는 이렇게 잘뜨는데요.
크롬이나 기타 다른 브라우저에서는 이렇게 가운데 메뉴바 부분이 증발해버립니다..
소스는 아래와 같습니다.
css 부분
.main_menu {
position:absolute;
bottom:0px;
left:0px;
z-index:10000;
}
.show_desktop {
position:absolute;
bottom:0px;
right:0px;
z-index:10000;
}
div.menu_bar {
position: absolute;
bottom:0px;
left:37px;
background-image:"img/menu_bar.png";
background-repeat:repeat-x;
width:9953px;
height:28px;
z-index:9999;
html부분
<img class="main_menu" src="img/menu1.png" width="37" height="28" alt="menu1" />
<img class="show_desktop" src="img/show_desktop.png" width="10" height="28" alt="Show Desktop" />
<div class="menu_bar">
</div>
다만들고 나중에 치환자로 대신할거라 일단 가로 길이를 고정해서 제작하고 있습니다.