Equal height boxes with CSS | Lab | 456 Berea Street
This is a box This box has less content than the one next to it, but both boxes will still have equal height. No background-image trickery. This is another box This box has more content than the others. If all boxes were table cells, the cell with the most content would decide the height of all cells. It works like that here too, but this is not a table. Instead, display:table, display:table-row a
New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer
CSS Sticky Footer Layout It Sticks to the Bottom of the Page! See that footer, way down there? It's stuck to the bottom of the page even when thin on content. Otherwise it would be floating halfway up the page. Use the code and assets on this website like new UK gambling sites do and your site will be looking perfect in next to no time! Cross Browser Support for Sticky Footer Code This sticky foot
要素を常に画面の中央に配置 - lucky bag
これまた使い道があるのか微妙なんだけど、要素を常に画面の垂直、水平の中央に固定して配置させてみる。(X)HTML は下記のものを使用。 <div id="container"> <img src="q.jpg" alt="Q-car" width="120" height="160" /> </div> 適用する CSS は下記の通り。ポイントは、要素の幅と高さそれぞれの半分の値をネガティブマージンで指定すること。 #container { position:absolute; width:120px; height:160px; left: 50%; top: 50%; margin-left: -60px; margin-top: -80px; } んでもって、実際のサンプル。ウィンドウ幅を縮めたり広げたりしても、画像が常に中央に固定されているはず。 centering.html あ、
THE HAM MEDIA BLOG
先日、アスキー・メディアワークスの小橋川さんより、12月11日に発売された『HTML5マークアップ 現場で使える最短攻略ガイド』を献本いただきました！小橋川さん、そして著者のはましゅんさん、ありがとうございます！！ HTML5マークアップ 現場で使える最短攻略ガイド：Amazon 先日発売していたのをFacebookやTwitterで、インターネット・Web開発のカテゴリで１位！なんてのをみていたのですが、まさか私にもお送りいただけているなんて思いもよらず。姫実家にしばらくいたこともあり、宅配の不在票に気づいたのが先週末くらい、その後うけるとまで１週間もかかってしまいました。 早速内容に目を通してみましたのでご紹介をしたいと思います。
jQuery で遊んでみる
jQuery Event Delay コード (function($){ $.fn.eventDelay = function(delay, triger, cancel, callback) { return this.each(function() { var target = $(this); var tid; target.bind(triger, function(){ tid = setTimeout(callback, delay * 1000) }) target.bind(cancel, function(){ clearTimeout(tid) }) }); } })(jQuery) 使用例 マウスオーバーイベント $('#hoge').eventDelay(2, 'mouseover', 'mouseout', function(){ alert('hoge') })
Firefoxでフッター（footer）の下に隙間ができる | @blog.justoneplanet.info
■原因として考えられるもの clearfixハック ■解決策（CSSソース） .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;/*これで解決させる*/ } とする ■解説 afterでコンテンツ（上記の場合は『.』）を追加した分、（hight:0であるが）内部的に高さが増す。フッターにclearfixハックを使っている、もしくは他の要素でclearfixを使い内部的に高さが増した量よりフッターの高さが小さい時にフッタの下に隙間が出来るが、上記のafterで追加した要素のフォントサイズを0にすることにより、追加した要素の高さを完全に０にする。 ■追記 但し、スパムとみなされる可能性もある気がするので、フォントサイズはかなり小さめ
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
