[B! css][float] seckieのブックマーク

The Mystery Of The CSS Float Property — Smashing Magazine

Without the CSS float property, table-less layouts would be, at worst, impossible, and, at best, unmaintainable. Floats will continue to be prominent in CSS layouts, even as CSS3 begins to gain prominence. Years ago, when developers first started to make the transition to HTML layouts without tables, one CSS property that suddenly took on a very important role was the float property. The reason th

seckie 2010/02/23

css
float

リンク

floatとpositionの使い分け

てんぽ: floatとpositionの使い分け CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSで段組をやるには普通floatかpositionを使いますが、どのように使い分けるのか。これはいろいろと試行錯誤しているうちにわかってくるものなので、「そんなこと知ってる」という人も多いかと思いますが、まとめてみます。条件としては以下のような感じ。 HTMLの記述順は「（ヘッダ→）記事→サイドバー（→フッタ）」を守る記事領域とサイドバーの長さはページによって異なる（どちらが長くなるかわからない）サイドバーとフッタの文字が重なる、とかは駄目 floatとpositionの違いは、「floatは下方向に融通が利く」のに対し、「positionは上方向に融通が利く」といえます。何のことかさっぱりわからないと思いますが、つまりこういうことです。フロートはソース上で

seckie 2007/10/18

リンク

フロートとネガティブマージンまとめ:CSS | Tech de Go

seckie 2007/05/31

float
css

リンク

CSS Float Theory: Things You Should Know — Smashing Magazine

The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability probl ems. However, the reason for these probl ems isn’t the theory itself, but the way the theory is interpreted - by developers and browsers. Still, if you take a closer look at the float theory, you’ll fi