2007-10-01から1ヶ月間の記事一覧
あるサイトで div#foo { position: relative; .... } div#foo img { position: absolute; .... } のようなことをやって画像を表示させていたのだが、このページで、ブラウザのフォントサイズを大きくしたら、IE6だけ表示されない現象に悩まされていた。そも…
http://coliss.com/articles/build-websites/operation/css/558.html の記事から。揃えたいそれぞれのカラムに、 padding-bottom: 32768px; margin-bottom: -32768px; という2**(16-1)の値(signed shortの値)を指定するとのことだが、 それらを囲んでいるdiv…
ul/liを使用して、cssで高さなんぞ指定しているのにもかかわらずIE6では下のほうに余白ができる。 http://b.hatena.ne.jp/entry/3572522 にある、行の高さを正しく算出しない：Internet Explorer (Windows) CSSバグリストに書いてあるとおり、 li { font-siz…
Photoshopにプラグインを追加して、favicon(ファビコンっていうらしい)を作る方法。このサイトで紹介されているプラグインのサイト見ると、Photoshop6とかでも大丈夫みたい。 http://2xup.org/log/2006/04/28-2323 Photoshop6では、プラグイン(.8bi)を C:\Pr…
http://d.hatena.ne.jp/kazuokohchi/20071016 に書いたように、親に高さを反映させる方法があるが、こちらもそう。 http://redline.hippy.jp/lab/css/floatoverflow.php タイトルの通り、overflowで親ボックスを伸ばすんだそうだ。こちらのほうがすっきりし…
<style type="text/css"> #left { float: left; } </style> .... <div id="wrap"> <div id="left"> <p>....</p> </div> <div id="content"> <p>....</p> </div> </div> みたいなことをしていると#wrapに#leftの高さが反映されない。これを解決するために、 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl…
<style type="text/css"> .... img { margin: 0px; padding: 0px; border-width: 0px; } div.mainline { margin: 0px; padding: 0px; width: 458px; height: 5px; } .... </style> .... <div class="mainline"> <img src="line.gif" alt="ライン" title="ライン" width="458" height="5" /> </div> .... ってしてるのに、IE6だと画像の上部があいてしま…
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
firefox2.0で、httpsのあるページにアクセスすると、鍵に斜線がついた状態になり、それにマウスを乗っけると、 証明されていない内容が含まれています となるページがあることに気がついた。リロードすると直ったり(「....による証明」と表示)するので、なん…
