웹마스터 팁

오랜만에 제로보드 사이트에서 예쁜 레이아웃을 보아서 적용하기 전에 이 홈페이지에와서

뭘좀해보려고 가입하고 로그인을 했는데

눈에 띄는것이 있었으니  밑에보이는 것 처럼

뒤를 가려 버렸는데 플래시,선택박스(??)가 튀어 나와 있는 것이다.

특히 ie 6 에서는 유난히



  1.JPG

 

2.JPG

이것에 해결책은

 

<!-- loginWindow -->
    <div id="loginWindow" class="loginWindow">
    <!-- class="loginWindow" | class="loginWindow open" -->
        <span class="modalWindow"></span>
        <div id="loginLayer" class="loginLayer loginTypeA">
        <!-- class="loginLayer loginTypeA" | class="loginLayer loginTypeB" -->

주황색 글씨 밑 부분에 추가해주면 된다

 

<iframe style='display:block; position:fixed; border:0; left:0; top:0; width:100%; _position:absolute;height:100%; opacity:.0; filter:alpha(opacity:0);' src=""></iframe>

이런 식으로 감사 주면


 3.jpg

 

이런식으로 됩니다

 

하나 더)

 

일반적으로  fixed로 하면 div를 떠다니게 할수 있다 근데 ie 6에서는 이게 안먹힌다

 

이럴때는 3줄과 js파일이 있으면된다

 

<!--[if lt IE 7]>
<script type="text/javascript" src="fixed.js"></script>
<![endif]-->

 

다운로드 - 첨부 파일에 fixed.js 파일을 다운받으세요(본문 삽입이 안되네요)

 

ps. 설명 부실이랄까나.................................................