タグ

IE6とCSSに関するhisasannのブックマーク (14)

  • IEで「position:fixed;」を使う方法 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 あんまり綺麗な方法じゃないのだけど、5分でできる。 (サンプルファイル) #fixedElement { position: fixed; top: 100px; left: 80px; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression(documentElement.scrollTop + 100 + 'px'); left: expression(documentElement.scrollLeft + 80 + 'px'); } note: max

    hisasann
    hisasann 2010/10/28
    absoluteのところをexpressionで囲う必要はあるのかな。この方法ぶっちゃけ良いねっ!w
  • リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog

    Date 2009-01-15 19:06 Category blog / Web 関連 Tags blog / CSS / JavaScript / push!! / tips / Web 関連 / Webデザイン / Web制作 / 考え方 Navigation Link Newer Older 使用中の Firefox アドオンまとめ  Comments / Trackbacks Comment Form Name URL Add Your Comment Trackback URL http://eclucifer.net/blog/web/2009011501.html/trackback/

    hisasann
    hisasann 2010/05/28
    expressionはすごい頻度で発生するからビビっちゃうですよね
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    hisasann
    hisasann 2010/04/30
    つまり複数クラスは使わないほうがよいということですね
  • 【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。

    Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ?」「ハイ、とても!」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード

    【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
  • Internet Explorer

    El sueño es un componente fundamental de la salud humana, pero hay muchas dudas sobre cuántas horas de sueño son realmente necesarias para sentirse descansado y mantener un buen estado físico y mental.

  • IE6よさらば:CSS 3分コーディング

    CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 既報の通り、Googleは段階的にIE6のサポートを打ち切ると発表しました。 また、欧州では政府機関が公式にIE6からの乗り換えを推奨するなど、IE6のシェアは徐々に低下しています。 日でもこの流れは同様ですが、企業のサイトなどがサポート外のブラウザーとするにはまだ勇気が必要かもしれません。 しかし、IE6を考慮しないだけでWebサイト制作はガラリと変わります。 IE6の問題点は様々ですが、中でも未実装のセレクタが多数ある点が非常に痛い点です。IE6を考慮しなければ次のようなセレクタが使えます。いずれの方法もIE6をサポートする場合はIE6を考慮するのであれば、対象の要素にclass属性やid属性が必要になります。 親要素 > 子要素 { プロパティ:値 } 子

    hisasann
    hisasann 2010/02/13
    IE6に未実装なセレクタ。子供セレクタ/隣接セレクタ/属性セレクタ/疑似セレクタ(:hover以外?)
  • CSS3でIEにも角丸を適用させるhtcファイル – creamu

    CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

    hisasann
    hisasann 2010/02/06
    ビヘイビアや!なつかしい
  • IE6とモダンブラウザにmin-widthを疑似的に指定する方法|web bibo

    /* CSS(スタイルシート)に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ: HOME » CSS レイアウト・ボックス » IE6とモダンブラウザにmin-widthを疑似的に指定する方法 IE6はmin-widthに対応していませんが、Javascriptを使わず、CSSだけで擬似的にmin-widthを指定できるのでご紹介します。 min-heightを指定したい場合は、「IE6にもmin-heightを疑似的に実現させる方法」をご覧ください。 HTML <div class="wrap"> <div class="content">指定の幅まできたら、ウィンドウを縮めても、ボックスはそれ以上は縮まりません。このボックスだと幅500pxより小さくなりません。</div> </div> CSS /* モダンブラウザ向け */

    hisasann
    hisasann 2009/12/24
    border-left:500pxでこれ以上縮まない状況にして、position:relativeでcontentを表示する
  • 9 Most Common IE Bugs and How to Fix Them | Envato Tuts+

    Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl

    9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
  • スタイルシート[CSS]/テーブル/空セルの境界線の表示・非表示を指定する - TAG index

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> table { margin-bottom: 20px; border: 2px #2b2b2b solid; border-collapse: separate; } td, th { border: 2px #2b2b2b solid; } table.example1 { empty-cells: show; } table.example2 { empty-cells: hide; } </style> </head> <body> <table class=

    スタイルシート[CSS]/テーブル/空セルの境界線の表示・非表示を指定する - TAG index
    hisasann
    hisasann 2009/11/11
    IE7以下では使えないが、empty-cells:showで空でもborderが出るようになる
  • 第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する

    2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler(以下IE)8が米国で正式公開されました。日語版も同月20日からダウンロード可能になり,多くの制作者が実際に触れてみたことでしょう。しかし,それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では,IEのシェアが全体の85~95%前後,さらにIEの中では6と7が約45%前後,8のシェアが10%弱ということろです(7月6日時点)(表1)。

    第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
    hisasann
    hisasann 2009/09/01
    IE6のバグまとめ
  • how to make ie6 behave

    As I explained in my previous article on ie6 debugging, it's all about fixing the core of the problem, not about tweaking values to make a design look right. I realize this might sounds a bit vague, so this post will look into some examples where core fixing could save you a lot of time and turn the battle with ie6 into your favor. Buckle up for some good ole ie6 weirdness. The purpose of this art

    how to make ie6 behave
  • CSS の z-index について整理してみる | HTML + CSS | かたつむりくんのWWW

    今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト:IE 6対応のかんどころ/小林 信次(まぼろし)」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、すごく楽しみです。 僕は Web制作の現場にいないので、実務経験が少ないです。ですので、日頃、Web 制作を仕事としてやっている人が、サッと解決できちゃうようなことにもハマったりします。 そういった点を補うには、今日の CSS nite のようなテーマはすごくありがたいです。 さて、前置きが長くなりましたが、今日は以前ひっかかった IE6 の z-index の解釈について、改めて整理してみました。 どんなシーンでハマったか このブログもそうですが、最近ページ上部にグローバルナビゲーションを配置し、そ

    CSS の z-index について整理してみる | HTML + CSS | かたつむりくんのWWW
    hisasann
    hisasann 2009/02/23
    FirefoxとIE6のz-index比較→隣接する親要素の重なり順序が優先する
  • Internet Explorer 6 with position : fixed

    Internet Explorer と position : fixed Internet Explorer (以下IE) 6 では、Cascading Style Sheet (以下CSS)の position : fixed が無視されます。そのことについての情報を扱うページです。 IEで、position : fixed が有効にならない問題 当サイトでも position:fixed を使用しております。Mozilla (Netscape7), Opera7 ではきちんと動作しますが、IE6では無視されてしまうようです。絶対配置すらされませんので表示はかなり崩れます。絶対配置されない問題を解決するには、スタイルを以下のように記述します。 { position : fixed!important; /* importantで、Mozilla, Opera に対して優先順位を上げて固定

  • 1