모든 IE에서 ABS 위치 검색 바 문제가 있습니까?

나는 인터넷 검색을 시도했지만 내 문제에 대한 어떤 힌트도 찾을 수 없습니다. Theres 너무 많은 IE bugfixs 나는 이것으로 계속하고있는 것을 생각할 수 없다.모든 IE에서 ABS 위치 검색 바 문제가 있습니까?

머리말과 꼬리말이있는 3 열 레이아웃이 있습니다. 왼쪽 열과 주 콘텐츠 div는 둘 다 왼쪽으로 플로팅 된 컨테이너 div에 있습니다 (왼쪽 열 및 주요 내용은 왼쪽/오른쪽으로 플로팅 됨). 오른쪽 열이 오른쪽으로 떠있었습니다.

주 콘텐츠 div에는 맨 아래에 HTML이 있고 (위아래 콘텐츠가 있지만) 검색 막대가 있습니다. alt text http://www.flickr.com/photos/[email protected]/4394899733/

제품을 주문하기위한 드롭 다운 메뉴가있는 페이지 중 하나를로드 할 때까지 IE6 + 및 FF에서 정상적으로 작동합니다 (즉, 가격이 낮거나 높음 등).

어떤 이유로 IE의 모든 버전이 너트가되고 '검색 기준'입력 하단에 검색 표시 줄을 추가하고 스타일을 제거합니까?

<div id="maincontent"> 
<h1 class="title">Search</h1><h2 class="ban" >&nbsp;&nbsp;Browsing all </h2> 
<div class="ban"> 
<form class="ban" method="GET" action="/search.php"> 
Order by: <input type="hidden" name="q" value="" /><input type="hidden" name="page" value="1" /> 
<select name="sort" onchange="JavaScript:this.form.submit();"> 
<option value="relevance" selected='selected'" >Best Match</option> 
<option value="rating" " >Rating</option> 
<option value="priceAsc" " >Price: Low to High</option> 
<option value="priceDesc" " >Price: High to Low</option></select><noscript> 
<input type="submit" value="Go" /></noscript></form></div>

및 검색 HTML ...

<div id="searchform"> 
    <form name="search" action="/search.php"> 
    <input type="text" onblur="javascript: this.className = 'ba1';" onfocus="javascript: this.className = 'focused';" class="ba1" name="q" id="q" size="50" value="" /> 

    <button value="search" type="submit" class="submitBtn"><span>search</span></button> 
    </form> 
    <p> 
    <small>Search or browse by 
    <a href="merchants.php">merchant</a> 
    <a href="categories.php">category</a>&nbsp;or 
    <a href="brands.php">brand</a> 
    </small> 
    </p> 
    <script type='text/javascript'>document.search.q.focus();</script></div>

없는 Doctype 내가 CSS를 남겨 죄송는, 러시 작업의 비트가 완전히 잊어

출처

2010-02-28 Taylor

:-(스택 신인 그렇게을 heres 링크를 어떤 이유로 그림을 표시하지 않았습니다 http://www.flickr.com/photos/[email protected]/4394899733/ – Taylor

평판이 충분할 경우에만 사진을 게시 할 수 있습니다. 문제가있는 경우 CSS는 어디에 있습니까? 문제는 CSS에 있습니다. 우리가이 문제를 정확히 재현하는 SSCCE (http://sscce.org)의 모든 취향에이 모든 것을 다시 쓰면 큰 호의를 얻을 것입니다. 그래서 불필요한 요소/스타일/잡음을 제거하고 '' + ''~ ''우리는 같은 문제를 재현하기 위해 변경없이 복사 할 수 있습니다. – BalusC

이 문제를 해결하려면 CSS가 필요합니다. CSS를 필요로하는 요소에 대해 지정된 높이/너비가 부족할 가능성이 높습니다 (일반적인 IE 넌센스). – Tom

XHTML 1.1 : 여기

는 HTML의 그것에 대해. BalusC에서 권장 한대로 SSCCE 버전을 설치하는 과정에 있었고 문제를 발견했습니다.

내 PHP는 각각에 대해 너무 많은 큰 따옴표를 뱉어 내고있었습니다. HTML을 보면 '값'입력란 뒤에 여분의 따옴표가 표시됩니다. FF와 다른 모든 브라우저는 IE (심지어 IE8)를 제외하고는 그것을 무시할 정도로 똑똑했습니다.

나는 그것이 어리석은 IE 너비 수정이나 그 라인을 따라 뭔가가 될 것이라고 확신했다. 오 잘, 나는 다음 번에 유효성을 확인하는 것을 잊지 않을 것이다!

그래서 내가 BalusC 내 문제를 해결 가정 방법에 대한 라운드에서, 당신을 투표 할 것입니다하지만 여전히 감사

출처

2010-03-01 15:23:44 Taylor

모든 IE에서 ABS 위치 검색 바 문제가 있습니까?

답변

관련 문제