묻고답하기
검색창의 글자위치가 ie8과 크롬에서 달리보이는 문제 해결 좀 부탁드립니다.
2010.01.03 11:39
검색창을 홈페이지에 달았는데요.
페이지가 뜨면 글자가 보여지고 검색창에 글입력시에는 사라지도록 했습니다.
각설하고..
아래 그림처럼 익스8과 크롬에서 글 위치가 다르게 보입니다.
익스 8 크롬
소스위치는 제대로 잡은 듯 한데.. 그렇다면 크롬에서는 제대로 보이는거고 익스8에서는 제대로 못잡는게 되겠네요.
익스8에서 크롬처럼 위로 더 올라가야 할듯 싶은데..
enter keyword를 클릭했다가 아무것도 적지않고 검색창 밖을 클릭하면 다시 저 문구가 보이도록 했거든요.
이렇게 했을때 크롬은 위치가 같고 익스8에서는 글 위치가 제대로 잡히는거 같습니다.
문제는 익스8에서 처음에 페이지 떳을때 글위치가 저렇게 된다는거죠..
이걸 어떻게 해결 해야 할까요?
css 와 html 소스 올립니다.
css
/* 검색창 */
#isSearch { position:absolute; top:10px; left:10px; width:150px; text-align:left;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url() no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #432d16; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#432d16;}
#isSearch ul li label.on { background:#9abb83; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#9abb83;}
#isSearch .inputText { text-align:center;vertical-align:top; position:relative; top:-1; _top:-1px; left:1px; padding:3px 3px 0px 3px; width:94px; height:14px; color:#9abb83; border:1px solid #432d16; background-color:#799e61; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { color:#799e61; border:1px solid #432d16; background-color:#9abb83; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
html
<!-- 검색 -->
<form action="{getUrl()}" method="post" id="isSearch">
<!--@if($vid)-->
<input type="hidden" name="vid" value="{$vid}" />
<!--@end-->
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" value="enter keyword" class="inputText" onFocus="if (this.value == 'enter keyword') {this.value = '+ '+ '';}" onBlur="if (this.value == '') {this.value = 'enter keyword';}"title="내용을 입력해 주세요." />
<input type="image" src="./img/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit"title="검색" />
</form>
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
hosea085 | 확장변수 를 적용한 게시판에는 검색창이 없습니다. [2] | 2008.10.11 |
CL님 | 업데이트 후 글 보기가 안됩니다 [3] | 2008.10.12 by withover.com |
브람쓰 | 레이아웃에서 로고 크기를 좀 크게 하는 방법 좀 알려주세요. T.T | |
StyleD | 확장변수를 통합검색에서 검색하기에 대해 [1] | 2008.10.12 by StyleD |
withover.com | 컨텐츠 인코딩 오류 ㅠㅠ 해결할 방법이 난갑합니다. [2] | 2008.10.12 by withover.com |
이영민 | 다운로드시 권한이 없다는게 자꾸 뜹니다. [1] | 2008.10.12 by 백성찬 |
Tales | 게시판 스킨 요청해도 되나요? [1] | 2008.10.12 by 백성찬 |
bony | 이모티콘 추가는 어떻게 하는건지요?! [1] | 2008.10.12 by 山水菊 |
태양맘 |
이런건 어떻게 하나요??
[1]
![]() | 2008.10.12 by 태양맘 |
불여웅 | 게시판에 관리자 닉네임만 볼드체로 할 수 있을까요? | |
별사탕FS | 달력위젲 설치 했는데요. 글을 작성하려면 어떻게 해야 하나요 [3] | 2008.10.12 by RV |
TV | 달력에서 미래의 날짜로 등록하는 법 아시는분? | |
paulkim | MySQL 버전??? [2] | 2008.10.12 by paulkim |
지나가는낭인 | 게시물올릴때 버그나는점.. | |
삐로 | 고수님 도와주세요...FTP안에 폴더이름 잘못 수정하여 사이트 설치화면이 뜨는데.. [3] | 2008.10.12 by 삐로 |
재발3 | 관리자 글이 안보여요!!. | |
JJEUYOSI | 음악에서 js파일 자바스크립트인데요 도와주세요!!! | |
부안프로그래밍 | 게시물올릴때 버그나는점.. [9] | 2008.10.12 by 부안프로그래밍 |
부안프로그래밍 | 관리자 글이 안보여요!!. | |
심돌이 | 홈으로 이동이 안되네요? [3] | 2008.10.12 by 심돌이 |