CSS 도움말 - 3 열, 2 유체, 1 고정

CSS에서 기본적인 것이어야하지만 저는 원을 그리며 실행 중입니다.CSS 도움말 - 3 열, 2 유체, 1 고정

하나의 유체 폭 div에 3 개의 div가 있습니다. 오른쪽의 두 개는 정의되지 않은 너비를 가지며 허용 된 공간의 100 %를 차지해야합니다. 전체 div 이미 유동적입니다. 맨 오른쪽 div의 너비는 200 픽셀이어야하며 고정되어 있어야합니다. 다음과 같이 정렬하십시오.

[ [fluid(label)] [fluid(textbox)] [fixed=200(div)] ]

저는 CSS에서이를 수행 할 방법을 찾고 있습니다. 사전에

감사합니다 ...

편집 : 가 여기에 표시 사용을 시도 할 수

<footer> 
    <form method="POST" action="/" id="input"> 
     <label for="message" form="input" class="username">Will:</label> 
     <textarea id="message" cols="0" rows="0" autofocus form="input" wrap="hard" name="message"></textarea> 
     <div id="buttons"> 
      <button type="submit" form="input" class="button medium" name="send" value="Send">Send 
      </button> 
      <button type="button" form="input" class="button medium" name="extras" value="Extras"><span>Extras</span><span>^</span> 
      </button> 
     </div> 
    </form> 
</footer>

출처

2011-12-03 willium

당신의 HTML보기를 않습니다 그래서 처럼? –

은 (는) 원래의 HTML을 – willium

html로의 : 테이블 셀을 -하지만 당신은 텍스트 영역의 주위에 여분의 사업부가 필요합니다

http://jsfiddle.net/tU6w2/

(내가 IE7에서 작동하지 않습니다이를 추가해야하지만 그것은 테이블 셀을 지원하지 않습니다)

편집은

추가 의견에 대답

, 또 다른 시도 - - jQuery로 이번에는 내가 그것을에만 CSS에서 할 수 있다고 생각하지 않습니다 :

http://jsfiddle.net/tU6w2/1/

출처

2011-12-03 20:33:09 ptriek

으로 편집했습니다. 텍스트 영역을 효과없이 가운데에서 조작 할 수있게하고 싶습니다. 버튼과 왼쪽 div는 텍스트 주위에 20px 좌우로 패딩되어야합니다. 유체 부분은 텍스트의 길이입니다. – willium

mhm. 의미가 있지만, 당신이 원하는 것은 많이 있습니다 :-) 1/텍스트 영역 조작 : 멀리는 그것을 제어 할 수있는 방법이 없습니다. 텍스트 영역의 크기를 조정할 때 깨뜨리는 많은 견고한 CSS 디자인을 보았습니다. resize를 추가하십시오 : 없음; textareas, 그리고 2/난 그걸 달성하는 방법을 몰라 ... – ptriek

가능하면 IE6 +에서 작동하고 싶습니다. – willium

CSS 도움말 - 3 열, 2 유체, 1 고정

답변

관련 문제