Stacking changes coming to position:fixed elements | Blog | Chrome for Developers
In Chrome 22 the layout behavior of position:fixed elements is slightly different than previous versions. All position:fixed elements now form new stacking contexts. This will change the stacking order of some pages, which has the potential to break page layouts. The new behavior matches the behavior of WebKit browsers on mobile devices (iOS Safari and Chrome for Android). Stacking Whats? Everyone
Stick your landings! position - sticky lands in WebKit | Blog | Chrome for Developers
position: sticky is a new way to position elements and is conceptually similar to position: fixed. The difference is that an element with position: sticky behaves like position: relative within its parent, until a given offset threshold is met in the viewport. Use cases Paraphrasing from Edward O’Connor's original proposal of this feature: Introducing sticky positioning LAUNCH DEMO By simply addin
Upcoming changes to absolute positioning in tables and table margin collapsing in Firefox 10 | Home Page
Upcoming changes to absolute positioning in tables and table margin collapsing in Firefox 10 Last week I landed a number of patches which I've been working on which fix two very old (5 digit) bugs in Gecko (bug 10209 and bug 87277) which affect rendering of web content. This point summarizes the changes to the behavior of Firefox as a result of those patches. The first behavior change is about ab
Fixed position navbar only clickable once in Mobile Safari on iOS5
I'm using Twitter Bootstrap to style an iPad optimized website and am running up against an interesting bug in Mobile Safari on iOS5. After tapping on an anchor link in the fixed position navbar, it correctly takes me to that anchor. However, I am then unable to click on any other links in the navbar until after I have scrolled the page. The problem appears to be in Bootstrap itself, since the Boo
fixedとabsolute
TwitterのTLで流れてたツイートでこの2つの挙動が違うとかいうのを見て、そんなことあったっけ……あーでもrelativeの中だと違いそうとか思ったら本当に違っていました。両者はスクロールを無視するかしないかというような違いだけだと思ってました……。元発言がこのことを指していたかどうかは知りませんけど、エントリにしておきます。 Demo: fixed and absolute 親のsection要素でrelativeを使っていると、absoluteが親の要素を基準としていますがfixedはbody要素viewportが基準になってますね。 ということはfixedだと常に絶対配置されちゃうのかみたいな感じですけど、topやleftなどの代わりにmarginを使ったりとかすれば、相対配置でかつ固定とかもちゃんと出来ると思います。top等が初期値のautoだと親とぴったり重なる位置に表示され
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS tests - The position declaration
