トップ «前の日記(2006年03月28日(火)) 最新 次の日記(2006年04月03日(月))» 編集

もりげのどうかと思うような日記

過去の日記
feed:RSS/atom

2006年03月30日(木) 花冷え

インテルとツンデレ

新聞に、ツンデレ、と書いてあったので驚いてもう一度よく見ると、インテル、だった。俺は限界だと思った。

IEにmin-widthを理解させよう!

えー、はじめに断っておきますが、嘘八百のバカネタです。

IEは、max-width, min-widthなどのプロパティを理解しない。なので、私のやろうとしているサイトデザインでは、IEの横幅を極端に狭めて閲覧すると、目も当てられない崩れ方をする。

そこで、IEで擬似的にmin-width指定を実現する斬新な方法を考えた!

普段は display: none; などとやって隠している、「すぐに本文へ」といったナビゲーション要素を活用する。

.hidden {
 display: block;
 margin: 0;
 padding: 0;
 height: 1px;
 width: 300px;
 overflow: hidden;
}

こんな感じで。widthには、min-height指定したい値をどうぞ。

どうだ! IEには、overflow: visible; のとき、外側のボックスが内容物に合わせて拡張されるというバグがある。これを利用するのである。つまり、外側のボックスは、この class="hidden" の幅より狭くなることができないわけだ。

これでうまくいく……わけねー!

本日のツッコミ(全3件) [ツッコミを入れる]
_ こばげん (2006年03月31日(金) 02:31)

ということは、ツンデレ、入ってる?、と、ツンデレ。さぁ、その先へ。な訳ですね。キャッチコピーは。

_ insomniac (2006年04月03日(月) 02:09)

ネット環境復活!ひさしぶりに読ませてもらってます。<br>自分はスタニスワフ・レムが亡くなる数日前に、『天の声・枯草熱』を<br>買ってました。少し奇妙な感じです。<br>過去レスを拝見した所、ご卒業だそうで。おめでとうございます。

_ もりげ (2006年04月04日(火) 01:15)

>こばげんさま<br>新規エントリにて。<br><br>>insomniacさま<br>お久しぶりです! ありがとうございます。国書はこの機会にレム選集刊行を急がなきゃいけませんよねえ。

[]

  1. もりげ (04-13)
  2. トリガラ (04-13)
  3. V林田 (04-12)


mail:gerimo@hotmail.com