IE6 で文章の最後の2文字（くらい）が変なところに表示されてしまう問題の原因と解決法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。 IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。 どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。 もちろんソースにそんなものは含まれていません。 JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。 で、とりあえずググってみて見つかったのは下記2つの記事。 »コメント文が出力に影響！？ »IE6のバカヤロウ (room ant) これらを読んで、とりあえず「float
IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
WDE08 Blog: *htmlハック? Conditional Comments?
先日、IE Death March（http://iedeathmarch.org/）というIE6についてのブログを読んでいたとき、IE6がハマーh2やNYのツインタワーのテロの前にリリースされていることに少し驚きました。すでにリリースから８年がたち、まちがいなくIEシリーズの歴史上ブラウザとしては最も長きにわたりシェアをもっていたブラウザでしょう。 ユーザーにとってはIE６は素晴らしいブラウザであったのかもしれませんが、しかし開発者にとっては、必ずしも『素晴らしい』ブラウザではなく、開発のために夜のコーヒー杯数が増えた方も多いのではとおもいます。 最近ではCSS2.1を完全にサポートしたIE8のリリースの話も増えてきて、IE7, IE6, と事実上３つのバージョンに対して制作者は対応しなければなりません。IE6やIE7などはバグも多く修正しなければなりません。このときIEの場合はハックか
01Notes::LDB::【セミナー】CSS Nite in Ginza, Vol.31 〜 IE6対策
「ゼロワンノーツ」ライブドアブログ版です。Web制作技術、デザインあたりを中心に、いろいろと書く予定です。 「CSS Nite in Ginza, Vol.31」に行ってきました。 CSS Nite公式サイト: CSS Nite in Ginza, Vol.31アーカイブ 今回のメインイベントは、小林信二さん（株式会社まぼろし）によるIE6対策。 結論から申し上げますと、的確でわかりやすく、実務的な面から見てもいいまとめだったのではないかと思います。 以下は、小林さんのプレゼンの最後でまとめられた実務面でのポイントです。（※スライド原文とほぼ同じですが、一部筆者が加筆・書き換えております。） 作業開始前にターゲットブラウザは決めましたか？ 標準準拠モード、過去互換モードのどちらを使用しますか？ 運用／効率性も考えたXHTML/CSSですか？ XHTMLは正しく記述していますか？ CSSハッ
No more pixel perfectionism in IE 6 | 456 Berea Street
The other day Robert Nyman asked web developers to Stop Developing For Internet Explorer 6. I fully agree with what he’s saying about making a site work and look perfectly in IE 6 eating up lots of time that would be better spent on other things. IE 6 has given me far too many headaches and gray hairs over the years, so I would love to say enough is enough and stop worrying about it. However, and
I Dropped IE6
The internet is a worldwide network system. It is a system architecture that has completely transformed communication. Internet has eased people’s life. One can communicate with anyone at any point of time. The popularity of the internet is due to its speed, accuracy and various other benefits. The ability to connect people from all over the world, share information and resources, and conduct bus
IE6についての考え方(2009/01版）
FirefoxやSafari,Chromeが出てきた現状、プロのWeb屋の中では、Internet Explorerだけの対応をもとめられて面倒くさい！と思うことは多々あります。 ただ、半分冗談で「IEクソ」と思う人と、本気で「IEクソ」と思ってる人の両方が存在している可能性があるので、IT系特有のネガティブな教育のせいで後者に洗脳されてしまってる人がもしいたら、そういう人に送りたいエントリー。誰向けかというと、主に対象は実装屋さんなのかな。 知っておいて欲しい事は 「IEがあったからこそ、今、僕等はメシを食えているかもしれない」 ということ。 そして、 「僕等の本当のお客様は、IEを使い続けているし、これからも使い続ける可能性が高い人たち。お客様がブラウザの種類などを意識せずともインターネットにアクセスしてもらえる環境を維持することが、プロのWeb屋の使命である。」 ということ。 過去、
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
IE6でabbr要素を使えるようにする - mayokara note
元ネタはie7-js。JavaScriptを無効にしていると機能しません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ie6-abbr-fix</title> <!--[if lt IE 7
IE6に気を使わなくてもいい理由
IE6 叩きについて思うこと - 頭ん中 http://www.msng.info/archives/2008/12/ie6.php windows updateによるIE7への移行が開始された現在、IE7にしていない人は「意識的に」変えていない。 それまでは「IE6＝初心者が無頓着ゆえにそのまま」「IE7＝慣れた人が導入する」という図式だったわけだけども、もはやその構図は逆になった。 意識的にIE6のままいる人の理由は様々だろうが、少なくともPCの操作にある程度習熟している人だと推測される。 「ブラウザなんて知ったこっちゃない一般人」を対象にするなら、むしろもうIE6は切っていい。 一応、例外も考える。 「WINDOWS2000未満なのでIE7は用意されていない」それならFirefoxでいいと思う。 「SleipnirなどのIEコンポーネントブラウザを利用しているのでどうでもいい」どうで
IE 6のシェアがジャスト20％：いよいよ退場するIE 6に開発者は何を思う - builder by ZDNet Japan
2008年もあとわずか――というわけで、2008年を振り返り、2009年を展望する記事を読む機会が増えてきた。 今回紹介するのは、SEOおよびSEMコンサルティングを手がけるSEOptimiseのブログ「SEOptimise Blog & Search Engine Marketing News」。12月12日に掲載された「30 Web Trends for 2009」では、Tad Chef氏が来年のウェブ業界のトレンドを展望している。 ウェブデザイン（Web Design） 検索とSEO（Search and SEO） ソーシャルメディアとブログ（Social Media and Blogging） マーケティング（Marketing） ソフトウェア（Software） エントリでは上記5つの分野における来年のトレンドを紹介している。それぞれの項目の詳細は直接エントリを読んで頂くことにし
私が未だにIE6を使用している理由 - そのままなめて
今や windows update でもIE7入れようぜべいべ？と言われる今日この頃、断固IE6を使い続けていた私ですが、ここ数日IE6叩きエントリが注目エントリにぽんぽんあがってくるので未だにIE6を使っている私はビクビクしております。 HolyGrail @maname さんが今もプニルの古いバージョン使い続けてる理由をエントリーおこしてくれませんか？ link HolyGrail まなめさんが興味持ちそうなコンテンツをfirefox3限定で提供とかすれば脱IE6をさせられるのか。 link ビクビクしていたらギークに絡まれたのでチョー簡単に弁明。 なぜIE6を使っているか ぷにる1.66がIE7以上に対応していないため。 なぜぷにる1.66から2.xにアップデートしないのか １．検索ボックスで十字キーの下を押すと、過去の検索履歴ではなく、検索サービスの選択になる（これかなり重要。でも
RedLine Magazine : IE6 → 透過PNG+overflow=混ぜるな危険（追記有）
IE6 → 透過PNG+overflow=混ぜるな危険（追記有） >>081205：追記 解決しました (追記:081205)はてブのコメント見たらこの下記の症状が出ない方もいらっしゃるみたい。私が検証に使ってるIE6はIETesterのものと「IE6 standalone の落とし穴」っていう記事で書いた透過も使えるこっちのスタンドアローン版IE6なんだけど、もしかしてもしかして正規版では正常に動作してるとか？？コメント書いてくださった方が正規版IE6なのかどうかは分からないけれども、一応その件も補足しとこかなということで追記。 やりたかった事 親ボックスには大きめの写真を入れたい。 その親ボックスの写真は背景じゃなく、諸事情でimgタグで入れること。 その中にまたボックスを作って背景に透過PNG画像を使用してテキスト本文入れたい。親ボックスの写真が透ける感じで。 そのテキスト本文部分は
IE6でfloatした要素が兄要素のmarginを継承（？）する｜WALK SLOW, AGAINST THE FLOW.｜BLOG
出現条件を説明するのが難しい。IE6はfloatを指定した要素の親要素にwidth属性を指定するとfloatした要素の高さが親要素に含まれるバグがあります（詳しくはIEでfloat属性を指定した要素の親要素のborderが消えるバグを見て下さい）。このバグが発生している場合に、float属性を指定した子要素が兄要素に指定されているmargin-bottomを継承するみたい。 実際には兄弟要素の属性を継承することはないと思いますが、継承しているとしか思えない挙動です。 IE6でfloatした要素が兄要素のmarginを継承（？）する例 親要素が“parent”、その子要素で“child1”、“child2”、“child3”。“child2”、“child3”は margin-bottom:0;を指定しているにも関わらず下に余白が発生。このスクリーンショットのソース 最後にfloatを指
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
