CSS幫助 - 3列，2個流體，1個固定

我試圖完成一些在CSS中應該比較基本的東西，但我在圈子中運行。CSS幫助 - 3列，2個流體，1個固定

我有三個div在一個流體寬度格。右邊的兩個寬度沒有限定，應該佔據其允許空間的100％。完整的div已經很流暢。最右邊的div應該有200px的寬度，這是固定的。有點像這樣：

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

我想在CSS中找到一種方法。

在此先感謝...

編輯：這裏的HTML

<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

你可以嘗試使用顯示：表細胞 - 但你需要周圍的textarea的一個額外的div：

http://jsfiddle.net/tU6w2/

（雖然我要補充這不會在IE7的工作 - 它不支持表格的單元格）

編輯

在回答補充意見

，另一次嘗試 - 這一次與jQuery - 我不認爲它只能在CSS來實現：

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

來源

2011-12-03 20:33:09 ptriek

關閉。我希望textarea能夠在不影響按鈕AND的情況下在中心進行操作，左邊的div應該圍繞文本左右20px填充，而不僅僅是一個流體寬度，如果有意義的話。流體部分是文本的長度。 – willium

mhm。有道理，但你想要的是很多:-) 1 /文本區域操作：儘管ai知道沒有辦法控制它，但我看到許多固定的css設計在縮放textarea時破壞了，我更喜歡添加調整大小：無;到textareas和2 /我不知道如何實現... – ptriek

如果可能，我希望它能夠在IE6 +中工作。 – willium

CSS幫助 - 3列，2個流體，1個固定

回答

相關問題