実は今月からこっそりとIE8のユーザーが増え始めました。今までぜんぜん誰も見てなかったのに。Portfolioの最新の写真のサムネイルを表示する部分が、ほんの少しだけ崩れてたので使ってみましたよ。IE8専用ハック。
実はIE8だけサムネイルのmarginがちゃんと効いてなかったのです。むしろ、もともとこの部分はあやふやに作ってしまったので、marginが効かないほうが正しいような……まあ、せっかくなので練習代わりです。『WEB制作の現場から』のTKさんが考えてくださった方法です。
html>/**/body .latestPhoto_last .title ul li{
margin /*¥**/: 0 5px 3px 0\9
}
はい、成功しました。すごーい。詳しくはTKさんのサイトでごらんください。なんか、よく見出せたなぁと思うばかりです。ありがたい。なるべく使わないように作っていこうとは思いますが、緊急時はまたこの方法を使わせて頂きたいと思います。
May 8, 2009 at 11:06 AM
結季さん、こんにちは。
I.E８ユーザーさん増えていらっしゃるのですか。
うちのサイトにも少しユーザーさんがおられるようなのですが、
まだ９割弱はI.E７ユーザーさんですね（まだ前の方もおられますし）
ハックとか難しいことはわからないのですが、
やはりＨＰをきれいに彩ってくれる写真が崩れてしまうのは避けたいです＞＜
何せお借りしているものですから。
先日、私もI.E８をチャレンジしてみましたが、
ソースからタグいじっている私には、全く無理でした。
一応、サイトが見れるか確認してI.E７へ出戻りました（笑）
互換性とか、いろいろと新しい良い仕組みがあったみたいなのですが・・・
全く使いこなせず（＾＾；）
もうちょっと勉強して、写真とテキストをきれいに魅せる事が出来るように頑張ります。
長々と失礼いたしました。
May 11, 2009 at 11:51 AM
>モチ子さま
こんにちは。
そうですねー。最近徐々にIE8ユーザーが増えてきてますね。ただ、私のところもメインユーザーはIE7、IE6です。また、私自身がメインブラウザにしているFireFoxやSafariなど、いろいろなブラウザで見られることが多いので、念のためと練習をかねてIE8のためのハックを行いました。
ソースから直打ちですか！このご時世に珍しい！！とか言って実は私もなんですよ。でも、そうすることでタグをきちんと理解出来るし、私はソースの直打ちお勧めします。
やってるうちにハックなんてすぐ理解できるようになりますよー。ソフトに頼るのもアリだとは思うんですけど……ね。アナログ人間なもので。
ここで紹介してるテクニックに関しては私も勉強を兼ねて記載しているので、「よく分からない！」って思ったらいくらでも突っ込んでくださいませ。私の出切る限りで説明致しますよ。
ぜひ、これからもサイト運営がんばってください。では。
» Leave a Reply