2011年4月20日のブックマーク (11件)

  • IE6とFireFoxで知っておくべきmarginに関するCSSハック | ユージック

    IE6とFireFoxで知っておくべきmarginに関するCSSハック 2006年8月18日 今回はコーディングでよく悩まされるIE6とFirefoxでのmarginに関するCSSハックをご紹介します。 たとえば何かのブロック要素をfloatで右か左どちらかに寄せてしまうと、marginのautoが効かなくなります。 その場合は、普通にpxで幅のmarginを合わせることになります。 しかし、IE6とFireFox(FireFoxでなくてもW3C推奨ブラウザ)ではmarginの解釈が異ます。 例えば、左右に10pxをとるとすると、IE6では左右に20pxづつmarginをとったように表示され、レイアウト崩れが生じてしまいます。 これはIE6がCSSに完全に対応していないために起こる現象なので、けっして自分の失敗ではないということを知っておかなければなりません。 対処方法として、IE6だけに

    IE6とFireFoxで知っておくべきmarginに関するCSSハック | ユージック
    coding
    coding 2011/04/20
    *html を使ったie6ハック
  • IE6 の float 指定した時の margin バグ回避策 はじめてのブログデザイン

    覚え書きです。 CSS でブロック要素に float を指定した際 margin の auto が効かなくなる(左右のセンター揃えが効かなくなる)ので px などでキッチリと指定します。 しかし、IE6 のバグで float を指定した際の margin が2倍になってしまうバグがあります。 なので、IE6 用の有名な CSS ハック(*html)を使用して以下のように回避します。 *html div#hajime { /*IE6用のハック*/ width : 450px; float : left; margin : 10px 5px; /*通常指定の1/2で指定*/ } div#hajime { /*その他のブラウザ用*/ width : 450px; float : left; margin : 10px 10px; } ●結論 IE6 はフロートべると太るから margin は半

    coding
    coding 2011/04/20
    *html を使ったie6ハック対策
  • IE6でよく遭遇するCSSのバグとその解決方法 | コリス

    Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p

    IE6でよく遭遇するCSSのバグとその解決方法 | コリス
    coding
    coding 2011/04/20
  • IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法 - Webデザイナーの為の情報Blog「CSSMAKER」

    CSSレイアウト初心者がまずぶつかる壁がおそらくこのバグだと思います。 まずはサンプルソースを見てみて下さい。 サンプルをダウンロード。 HTML <div id="container"> <div id="leftContents"></div> <div id="rightContents"></div> </div> CSS #container { width: 500px; height: auto; } #leftContents { float: left; width: 180px; height: 200px; background: #80A852; margin-right: 10px; margin-left: 10px; } #rightContents { float: right; width: 290px; height: 200px; backgroun

    coding
    coding 2011/04/20
  • 【CSS】CSSテクニック IE6対策その① | PICxPIC

    コーディングでハマる罠っていうのは大体同じようなことだと思います。 まぁ95%以上の確率で、コーディング時の問題はIE6、IE7、IE8で起こると思います。 今回はコーダー最大の敵、というかコーダーおよびJavascriptプログラマー曰く「ほんと消えてなくなってほしい」代表のIE6くんの基的な対策を紹介します。 ●loat要素のmargin2倍問題 IE6ではfloatを指定した要素にmarginも指定すると、そのmarginの値は2倍で表示されます。これを防ぐにはdisplay:inline;を指定する .sample{ float:left; margin-top:100px; display:inline; } ●min-height問題 IE6はmin-heightが反映されません。しかし、IE6は要素の大きさが親要素よりも大きいと自動で親要素も大きくしてしまうので、単純にhe

    coding
    coding 2011/04/20
    ie6 対策
  • 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.

    coding
    coding 2011/04/20
    ie6 対策
  • 【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。

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

    【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
    coding
    coding 2011/04/20
    ie6 対策について
  • ネットマニア - テンプレート・素材・PHP・CGI・クールサイトを作る為に -

    *記事内には広告を含みます twitterフォロワー合計5万人を超えるP活インフルエンサーの「えりなさん」に、パパ活初心者が知っておきたいことや、おすすめのパパ活アプリを編集部が徹底インタビュー。 「パパ活の基」や「パパを沼らせるコツ」「危険なパパを見抜く方法」等を編集部が根掘り葉掘りお聞きしました。 この記事を読めば おすすめのパパ活アプリ パパ活アプリと交際クラブの違い パパ活アプリの使い方 定期の太パパを見つける方法 危険なパパを見抜くポイント がまるっとわかります。 年末年始は男女ともに新しい関係を探そうとする人が多くなるタイミング!また仕事も休みで家にいる時間も長くなるので、パパ活アプリのアクティブ率もかなり高くなる傾向にあります。 2024年に良いスタートを切るなら、このタイミングで頑張るかどうかが運命の分かれ目といってもいいでしょう。 えりなさんのプロフィール

    coding
    coding 2011/04/20
  • 著作権表示なしで使えるCSSテンプレート [Cool Web Window]

    インターネットがこれまで以上に世界を繋ぐようになったことで、教育からエンターテイメントまで、あらゆるものがオンラインの世界でのニッチを確立しています。ギャンブルも例外ではありません。多くの人は、巨額の賞金を獲得できるチャンスよりも、ギャンブルそのもののスリルと興奮を求めてカジノを訪れることの方が多くなっています。そのため、実店舗のカジノのような雰囲気作りが、オンラインカジノの最大の課題となっています。多くのオンラインカジノは、長年にわたってその課題に取り組み、実現に成功しています。

    coding
    coding 2011/04/20
  • 無料ホームページテンプレートの素材屋|テーブルタグ素材・HTMLテンプレート素材集

    HP作成:文字タグ 字色・サイズ <font> 強調太字 <strong> 強調斜体タグ <em> 文字移動 <marquee> HP作成: 区切りタグ 改行タグ <br> 見出しタグ <h> 段落タグ <p> 一線タグ <hr> HP作成:リンクタグ リンク用タグ <a href=""> ページ内リンク <a name=""> メール起動リンク <a href=""> リンク色の変更 link="" vlink="" HP作成:リストタグ マークリストタグ <ul><li> 数字リストタグ <ol><li> 用語説明タグ <dl><dt><dd> HP作成:画像タグ 画像表示タグ <img src=""> 画像内リンク <img src=""> HP作成:テーブル 枠組み・表 <table><tr><td> レイアウト・配置 <table><tr><td> HP作成:その他 範囲指定タ

    coding
    coding 2011/04/20
  • レピュテーションSEOとは

    レピュテーションSEOとは、会社や個人の評判の向上につながる検索結果を創出する対策です。 氏名、会社名、商品名、店舗名などをネットで検索したときに、誹謗中傷や事実に基づかないレビューが上位に出てこないようにします(逆SEO)。 同時に、イメージや認知度をアップさせるようなサイトを制作し、上位に表示させます(ポジティブSEO)。ネット時代のレピュテーション・マネジメントの中で最も重要な取り組みの一つです。 社名検索は会社の「顔」 スマホやパソコンで会社名を検索したときに画面に表示される一枚のページ。それは、会社の大切な「顔」だといえます。ある意味、公式ホームページよりも大切な存在です。 みんなやってる「社名検索」 会社のことを知りたいとき、その人がやる行動はただ一つ。それは検索サイトで会社名を入力することです。いわゆる「社名検索」です。 そして、まずは一番上にあるページをクリックするでしょう

    coding
    coding 2011/04/20