2012-08-28 8 views
-1

CSS에 이상한 문제가 있습니다.양식 내의 표

다음을 달성하려고합니다. 나는 사람들이 데이터베이스에서 이름이나 따옴표의 일부를 검색하도록 할 수 있으며 이것을 상자에 표시하고 싶습니다 (이 경우에는 스타일 지정이 쉬운 양식). 문제는 전체 상자의 녹색 그라디언트가 있어야하지만 반입 된 전체 데이터가 녹색 레이아웃으로 검색되지는 않습니다.

나는 디버깅하고 그냥 잘 작동하는 것 같다 : 나는 모두 에코 내 출력을 경고하고 거기에 테이블 행 단지 정상적인 형태했다 .. 여기

이 결과 결과입니다 : http://pastebin.com/AZAv6bpX

여기 내 CSS의 : 여기 http://pastebin.com/NATwyki6

이 보이는 무엇과 같은 :

http://i47.tinypic.com/2ro2eeh.jpg

그래디언트가 중지 된 후에도 테이블 행이 계속 계속 표시됩니다.

내가 배치 한 div (결과)에 대해 테이블 ​​입력 여백을 조정했습니다. 따라서 결과를 원하는대로 100 % 확신합니다.

그래서 기본적으로 내가 가지고 :

코드 여기 페이스트 빈

그리고이 이상한 레이아웃에서.

아무도 도와주세요.

+0

-1, 미안 : 귀하의 페이스트 린 링크가 죽었으므로이 질문은 쓸모가 없습니다! – ruakh

답변

4

float:left을 테이블에서 꺼내거나 양식에서 overflow:auto을 설정하십시오. jsfiddle link

+0

대단히 감사합니다! 나는이 대답을 6 분 안에 받아 들일 것이다! 빠른 답장을 보내 주셔서 다시 한 번 감사드립니다. – user1390504

0

양식 내용이 유동으로 설정되어 있기 때문에 흐름에서 벗어나기 때문에 컨테이너가 해당 내용을 둘러 쌀 수 없습니다.

CSS에 대한 간단한 해결책은 다음을 추가하는 것입니다. 다음

form br { clear:both } 

하고 대신 <br />을 할 양식에 최종 </br>를 해결 있는지 확인

.