2011-01-14 4 views
2

私は有能なプログラマーのように感じますが、私はCSSでひどいです。私はフロートについて読んだり、表示したりすることができます:インラインブロックで、素材を理解することはできますが、これを自分のデザインに適用することはできません。私の無能感は私を苛立たせる傾向があると思います。それはすぐに逆効果になる傾向があります。それは言われて、何もしようとするからあなたを停止するべきではありませんので...CSSでこれらのスケールを正しく作る方法(水平と垂直の添付ファイルでブロックする)

私のレイアウトは基本的に(!):

_____________ 
|   | v | 
|   | e | 
| big_div | r | 
|   | t | 
|_________|___| 
| lower  | 
|_____________| 

私はdiv要素がvertを標識し、DIVはに「固執」しlowerをラベル付けしたいですビッグディビジョン。冬には猫やマウスのように一緒に寝る。

<div id="big_div" style="float:left"></div> 

<div id="vert" style="float:left"></div> 

<div id="lower" style="clear: left"></div> 

これは正確に私が望むものを示していますが、私が言ったように、私はサイズを修正する場合のみ。 は、どうすればその内容は任意のサイズのものであることから? を(私は彼らがbig_divの大きさに拡大したい彼らはbig_divの成長に合わせて拡張作るのですか。

答えて

1

big_div周りの容器を使用してVERTとにフェイク列を適用します。それより低いが、コンテナの内部または外部のいずれか自体を処理する必要がありますが、一例が必要な場合は、私に教えてください

例を追加しました:。。http://imaginekitty.com/cssExamples/cats/cats.html

+0

例を挙げてください。私はあなたが意味することを得ると思うが、私はそれを作る方法を知らない。 – sova

+0

@sova: 'Faux Columns'によると、彼はもちろん、同じ高さの_appearance_を与える大きな要素(またはその両方のコンテナ)にrepeat-yの背景を適用することを意味する "偽の列"を指しています。真の等しい高さの列については、http://pmob.co.uk/pob/equal-columns.htm(イメージなしの列の均等化)セクションを参照してください。 – reisio

+0

上記の答えに非常に醜い例が追加されました。 ;) – mark123

0
あなたのCSSで

代わりの大きさを修正するwidthを使用して、min-widthを使用自然に生育させてください。

関連する問題