다음 달에 메인개편에 맞춰서 일부 SNB도 개편 될 예정이다. 이번 SNB는 기존의 고정폭이 아닌 브라우저의 너비에 따라 가변으로 움직이는 형태이다.
처음엔 고정에 가운데 정렬인줄 알았다가 급하게 바꿨다지 ㄱ-;;; 검색영역이 있는데 이 부분을 오른쪽 정렬을 하려고 하니 계속 IE6에서만 좌측 정렬이 되는 것이다. 망할 IE6!!!라고 외치고 트위터에서는 돈만 많으면 IE6개발자 암살자 고용해서 없애고 싶다고 할 정도였음. 심지어는...정말 울어버릴 뻔 했잖아. 현재 우리팀 쪽 책상에는 나밖에 없뜸..하악...
정말 이 귀신이 곡할 노릇은 구글신님도 답변을 안해주시고..말이야!
다시 만들 각오로 차근차근 하나하나씩 뺐다가 다시 넣었다가 하다보니 해결이 되버렸다.
너무 허무해서 기가 막힐정도였음.
위와 같은 소스가 있고, CSS를 입힐 때, 나는 SnbSearch로만 위치를 잡았는데,
IE6에서는 .SnbSearch fieldset {...} 로 위치를 잡아야만 올바른 위치를 잡는다.
에휴...언능 SNB Variation 해야지! 내일은 간격도 잡아야하고 바쁘다 바뻐!
처음엔 고정에 가운데 정렬인줄 알았다가 급하게 바꿨다지 ㄱ-;;; 검색영역이 있는데 이 부분을 오른쪽 정렬을 하려고 하니 계속 IE6에서만 좌측 정렬이 되는 것이다. 망할 IE6!!!라고 외치고 트위터에서는 돈만 많으면 IE6개발자 암살자 고용해서 없애고 싶다고 할 정도였음. 심지어는...정말 울어버릴 뻔 했잖아. 현재 우리팀 쪽 책상에는 나밖에 없뜸..하악...
정말 이 귀신이 곡할 노릇은 구글신님도 답변을 안해주시고..말이야!
다시 만들 각오로 차근차근 하나하나씩 뺐다가 다시 넣었다가 하다보니 해결이 되버렸다.
너무 허무해서 기가 막힐정도였음.
<div class="SnbSearch">
<ul>
<li class="first"><img src="../images/icon_new.gif" alt="new" />
<a href="#">쏘리쏘리</a></li>
<li><a href="#">사랑해</a></li>
</ul>
<fieldset>
<legend>검색영역 폼</legend>
<input type="radio" title="전체" /><span>전체</span>
<input type="text" class="SnbTextBox" /><button type="submit" title="검색" id="SnbSubmit"><span>검색</span></button>
</fieldset>
</div>
<ul>
<li class="first"><img src="../images/icon_new.gif" alt="new" />
<a href="#">쏘리쏘리</a></li>
<li><a href="#">사랑해</a></li>
</ul>
<fieldset>
<legend>검색영역 폼</legend>
<input type="radio" title="전체" /><span>전체</span>
<input type="text" class="SnbTextBox" /><button type="submit" title="검색" id="SnbSubmit"><span>검색</span></button>
</fieldset>
</div>
위와 같은 소스가 있고, CSS를 입힐 때, 나는 SnbSearch로만 위치를 잡았는데,
IE6에서는 .SnbSearch fieldset {...} 로 위치를 잡아야만 올바른 위치를 잡는다.
에휴...언능 SNB Variation 해야지! 내일은 간격도 잡아야하고 바쁘다 바뻐!
'I'm 웹 퍼블리셔 > 웹 표준' 카테고리의 다른 글
| HTML5 오픈 컨퍼런스 후기 (6) | 2010/07/02 |
|---|---|
| 오늘 해결한 fieldset관련 IE6 bug (0) | 2009/06/24 |
| button의 브라우저별 랜더링 비교, 사용방법, 문제점, 해결방법 (2) | 2009/06/10 |
| IE에서 button요소에 background적용하기 (2) | 2009/06/10 |
| tabindex속성, accesskey속성 (0) | 2009/06/05 |
| 버튼(button)요소 (0) | 2009/05/27 |


