タグ

IEとcssに関するjamgのブックマーク (13)

  • Web デザインなんぞクソ喰らえ。 - Diary?::2008-10-04

    return0.infoに移転。昔の日記はまんま残してるので読みたい人はどうぞ。 世界樹の迷宮関係のコンテンツは移行が面倒なのでこっちに残すことにした。 世界樹の迷宮プレイ記録 世界樹の迷宮IIプレイ記録 世界樹の迷宮IIIプレイ記録

  • めも - IT戦記

    このメモについて id:amachang の私的な学習目的 IE6 の標準モードに関するバグ いろいろとポイント layout IE6 の視覚整形モデルの中で要素は、大きく分けて layout を持つ要素と、 layout を持たない要素に分けることができる。 layout を持つ要素とは、自分のサイズや位置に責任を持つ要素である。 layout を持つ要素は、四角形の領域を作る。 layout を持たない要素は、直近の layout を持つ要素のサイズおよび位置と、そこの間にあるすべての要素の margin, padding, border によってその開始点、折り返し点が決まる。 layout を持たない要素は、四角形の領域を作らない。上下左右の間隔を保持しているだけに過ぎない。 layout を持たない要素間の上下マージン(相殺されるマージン)は二つの要素間の共有のもので、ある要素特

    めも - IT戦記
    jamg
    jamg 2008/05/31
  • IE6のCSSバグを視覚的にチェック

    てんぽ: IE6のCSSバグを視覚的にチェック CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど IE用Acidテストとも言えるCSSバグのチェックページを作ってみました。 IE6で表示するとすべてのチェック項目で「NG」と表示されますが、正しい表示を行うブラウザなら「OK」と表示されるはずです。 IEtest (beta) 具体的にはどうやっているかというと、たとえば「position: absoluteが指定されたボックスの幅をパーセントで指定したとき、 幅の参照先を、そのボックスの包含ブロックではなく、間近の親要素にしてしまうバグ」をチェックするコードは以下のようになっています。 <div class="container"> <div class="div1"> <div class="div2"></div> </div> </div> .container {

    jamg
    jamg 2008/02/03
  • IE8の新しい標準モードとモードスイッチ | Web標準Blog | ミツエーリンクス

    先月、MicrosoftのIE Teamが発表したIE8がAcid2テストに合格するという話題は、大きな衝撃を与えました。 しかし発表からしばらくして、より標準準拠に近づいたレンダリングをIE8で行うには、DOCTYPEスイッチのようにHTML文書に何らかの「ヒント」を与える必要があるとの情報も流れていました(「IE8 passes Acid2」)。そして先ほど、その詳細とまた経緯が明らかになりました。 A List Apartの「Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8」という記事によると、新しい「ヒント」は次のようなものになると紹介されています。 meta要素を記述し、対象としているIEのバージョンを指定する。 <meta http-equiv="X-UA-Compatible" content="IE=

  • display: table-cell を使ったマルチカラムレイアウト - IT戦記

    Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する(笑)のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。 リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。 ポイント ソースを見て分かるように HTMLCSS もめちゃめちゃシンプルです。 ポイントは display: table-cell の要素が兄弟要素の高さに併せて間延びするところでしょう。 これで、何カラムだろうとお手のものです。

    display: table-cell を使ったマルチカラムレイアウト - IT戦記
    jamg
    jamg 2008/02/02
    ほほ。
  • [CSS]IEで、min-widthやmax-widthを実現する方法

    CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照:キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12

  • IEを華麗に撃墜する一行 - ぼくはまちちゃん!(Hatena)

    はい! こんにちは!!!!! 今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね! これだよ! <style>*{position:relative}</style><table><input></table> → サンプル (IEだとブラウザが終了しちゃうよ! 注意してね!) IE6とかIE6のコンポーネントブラウザだと確実に落ちちゃうみたいだね! IE7は確認してないけど! tableとかtrの直下に、inputとかselectがあって、 そのあたりにcssの全称セレクタでposition:relativeがあたっているとダメなかんじかな! ちなみにinputにstyleで直接relativeあてても落ちなかったよ! なにこれ! よくわかんないけど面白いね…! FirefoxとかOpera大好きっ子は、 これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ!

    IEを華麗に撃墜する一行 - ぼくはまちちゃん!(Hatena)
    jamg
    jamg 2007/08/09
  • Download details: Windows Server 2003 Resource Kit Tools

    Your AI-powered copilot for the web. Ask questions. Chat to refine results. Get comprehensive answers and creative inspiration.

    jamg
    jamg 2007/06/18
  • IE-winで透過PNGを利用する方法 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 サンプルは透過PNG。テキストの上に、透明度36%の矩形を重ねてある。IE6とFirefoxでは見え方が違うことが解るだろうか? 左がIEで見た場合、右がFirefoxで見た場合。バージョン6までのIEはPNGのアルファチャンネル(半透明)に対応していないので、普通に使うと透過部分が灰色っぽくなり、期待はずれな結果に終わる。IE6でも透過PNGを表示するには、次のように記述する。 #overlay { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizi

    jamg
    jamg 2007/03/16
    CSSで透過する方法。
  • CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously

    Capabilities Litmus is an all-in-one email marketing solution that helps you optimize and personalize every email to maximize your ROI and create exceptional brand experiences for every subscriber. Why Litmus Email Monitoring Email Design Email Building Email Personalization Email Testing Spam Testing Email Analytics Email Collaboration and Review Technology Integrations AI & Emerging Email Techno

    CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously
    jamg
    jamg 2006/11/01
    一度にIEとFirefoxのプレビュー確認が出来るCSS編集ソフト
  • IE上でDOMやCSSを書き換え可能な拡張「DOM Helper」:phpspot開発日誌

    Hairy Spider Blog - Announcing DOM Helper: A new and improved CSS Editor Well I've finally got round to producing the inline CSS editor that I wanted to do in the first place. IE上でDOMやCSSを書き換え可能な拡張「DOM Helper」。 サイトのDOM構造を表示し、DOMの属性を自由に書き換えることが出来ます。 CSS Editor によってCSSの編集も可能な模様。 インストールは少々面倒で、次の手順で行う。 DOM Helperをダウンロード Cドライブ以下、DomHelper というディレクトリを作り、そこに解凍 コマンドプロンプトで次のコマンドを実行 "%windir%/Microsoft.Net/F

    jamg
    jamg 2006/10/20
  • No More IE6 Background Flicker

    Finally, we can fix this legacy bug for IE via JavaScript According to MSDN, a fix for fixing "Available memory decreases when you view a Web page in Internet Explorer 6 Service Pack " on November 1, 2005 was unexpected documented as the fix for fixing the problem of "Background Flicker" issue for IE6. Introduced by Dan POPA, Cristi Balan, and AJAXIAN, this well-known bug finally has an elegant

    jamg
    jamg 2006/09/30
  • WinIE5.5/5.0用のスタイルをこう書いてみる|ナチュ日記。

    Captcha security check warehouse56.com is for sale Please prove you're not a robot View Price Processing

    jamg
    jamg 2006/05/18
  • 1