CSSレイアウトテクニック"偽装絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル

A List Apart - Faux Absolute Positioning CSSでポジションを指定する方法は大きくわけてfloatを使う方法と絶対位置で指定する2つの方法がある。多くのサイトではヘッダとフッタを伴うカラムレイアウトを採用していることが多い。絶対位置指定では縦方向にコンテンツが成長するタイプのレイアウトでフッタの位置を指定できないという問題がある。このためfloatレイアウトを使うわけだが、こちらでは予期しないコンテンツの内容変更によって予定していたポジションからずれてしまうことがある。とくにIEではwidthの挙動に問題があるため制御するのがきわめて難しいという状況だ。 Eric Sol氏はこうした現状に対して新しい指定手法を考案したとし"Faux Absolute Positioning"としてA List Apartにおいて紹介している。同氏はより自由にドラッグ

[bascinet]

position、left、マイナス値のmargin-leftを使ったテクニック

[tsukkee]

訳が微妙なのであとで元の英語を読む

[toton]

、float方向のネガティブマージンとposition:relativeのleft(right):100%を利用して擬似的に自由配置する

[webmarksjp]

webdesign

[k_gobo]

Mac IE5 のことは、いい加減もういいだろうって気はする。

[saladdays]

新しい段組みの仕方。

[Quadrifogrio]

http://blog.webcreativepark.net/2008/06/25-024437.html

[dtsuka_hb]

http://blog.webcreativepark.net/2008/06/25-024437.html

[lordkf]

leftプロパティとネガティブマージンを使った、CSSレイアウトテクニック。とりあえずブクマしておく。

[webbingstudio]

floatの特徴を持ったままカラム落ちしないレイアウトだそうだ。MacIE非対応だけど使えそう

[sakura3942]

「position: relative、left: 100%、マイナス値のmargin-left指定を使って固定位置から左部オフセットを計算する」

[wakatakahawks]

偽装絶対指定。流行るのかな？やってみよう。大丈夫そうなら仕事でも使おう。

[shin-b]

ためしてみる

[kaolly]

カラムレイアウト。幅絶対指定やカラム位置変更も簡単、カラム落ちなしで優秀な方法です。元記事にマルチカラムの例ありhttp://www.alistapart.com/d/fauxabsolutepositioning/sapdemo-fivecol-liquid.html

[hisasann]

良く分からなかったｗ

[boyasan]

WPテンプレで似た手法を見たことがあります。初めは意味がわからないまま使ってた。これ論理をきちんと掴んでないと、挑戦はできても崩すのがたいへんだなーと思った。

[moqada]

カラムレイアウトの新たなCSS指定方法

[t32k]

- Tags: #_ #CSS

[Kei_9]

チェック♪

[vv_boow_vv]

この方法はIE6の再描画バグを回避するほかパディングを容易にし、しかもposition: overflowも使えるようになる。さらに右をベースとして指定しているため、コンテンツが幅を越えてしまった場合でも右サイドに回り込む。