position:absolute 의 브라우저별 초기 위치 차이..
퐁당
셀렉트 박스를 부득이 하게 이미지로 하여야 해서
이미지를 누르면 레이어가 떠서
셀렉트 박스 처럼 보이게끔 하고자 합니다.
제가 아는 방법은 position:absolute를 이용해서 해당 레이어를 띄우는 수 밖에 없다고
판단이 되는데.. 브라우저 마다 absolute된 레이어의 초기 위치를 제각각으로 잡고 있는지라
이 위치를 통일 할 수 있는 방법을 여쭙고 싶습니다.
검색을 통해 찾아보며 시도해 봤지만
위치를 잡을 수 없어 도움을 요청합니다.
======================================== 소 스 ========================================
div class=titleh2img src=../image/common/title_allproduct.gif alt=모든 상품 //h2/div
div class=sel_theme
img src=../image/contents/product_loca_weektheme.gif alt=주 테마 : style=float:left; padding-top:4px; /
span class=selectBody style=position:relative; margin-left:5px; vertical-align:top; width:250px; height:15px;
span class=Graybold11월 2주/span 재미있는 우리가족 이야기
/span
div style=display:block; position:absolute; width:250px;
span class=Graybold11월 3주/span 재미있는 우리가족 이야기1
span class=Graybold11월 4주/span 재미있는 우리가족 이야기2
span class=Graybold11월 5주/span 재미있는 우리가족 이야기3
span class=Graybold11월 6주/span 재미있는 우리가족 이야기4
/div
/div
div class=sel_category
img src=../image/contents/product_loca_category.gif alt=카테고리 : style=float:left; padding-top:4px; /
span class=selectBody style=margin-left:5px; vertical-align:top; width:150px; height:15px;
주방가전/생활가전
/span
/div
-
도1도캣
class=\sel_theme\ 에 position:relative;를 넣어 주시면 그 영역 안에서만 보이실껀데요...
-
한샘가온
아.. 말씀하신 방법으로 해보았는데.. FF, IE8, Crome은 동일하게 나오는데 IE6, IE7만 위치가 틀리네요.. 이럴땐 어찌 해야 하는지..