Firefoxでテーブルのthとかtdにはposition:relativeが効かない件 - 主に技術的なことを書くブログ
Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さいボタンを置くときにわざわざthの中で、ブロックを2つに分けてフロートとかさせるのはちょっとしんどい。なので、positionでやろうとすると、thにposition: relative;をかけることになるので、起こる。という具合です。 解決方法 単純にdivをかまして、そっちにposition: relative;をかける。 th.inBtn { padding: 0 !important; /* table全体でかけてる内側パディングとる */ } th.inBtn > div { position
［html5.js］の導入を辞めました。
［html5.js］とは？そもそも［html5.js］とは何か？ 一言で説明すると「Internet Explorer 8 以前のブラウザでも HTML5 に対応できるようになるスクリプト」です。 Microsoft が開発している［Internet Explorer］は、そこそこ普及しているにも関わらず、エラーやセキュリティの脆弱性が多く、また最新技術への対応も遅く、特にウェブデザイナーの方たちからは「諸悪の根源」として忌み嫌われている残念なブラウザです。 実際 Internet Explore 9 でようやく HTML5 の新要素がサポートされるようになったものの、下位ヴァージョンの Internet Explorer 8 以前のブラウザで HTML5 で製作したサイトを閲覧すると恐ろしいほどにレイアウトが崩れて表示されてしまいます。 これは、Internet Explorer 8 以
【IE事情】フォームのinputタグ：textとpassword
主にC++とかFlashとかお絵かきとか。ボカロな話題はほどほどにしたかったけど、結局無理でした。ミクさんぺろぺろ。 さすがにこれはないと思った，IE事情その２． よく，ユーザ名，パスワードでログインってありますよね． まあ，それを作ろうとしてたんだが・・・ ▲[Firefox]計画通り ▲[IE](；・∀・)ﾊｯ? ��(ﾟдﾟ)ﾉ ﾅﾆｺﾚ? size属性一緒にしてるのに何で長さ違うの？つーか何故，サイズまで違うｗ ググってみたところ・・・ http://support.microsoft.com/kb/831331/ja なんと！ inputタグのtypeが textのときは"MS UI Gothic"！ passwordのときは"Tahoma"！ がデフォルトフォントなのだー！ これがIEの仕様（笑） ( ´ﾟдﾟ｀)ｴｰ しかも，XP以前のバージョンでは"MS UI Gothic
borderで背景画像を表示する border-image - シンプルシンプルデザイン CSS
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという印象。プログレッシブエンハンスメントを適用してうまく見せるのは結構難しそうだなー、という感触。 とはいえせっかく調査したので備忘録。 border-image を使ったサンプル 仕様 border-image-source none（初期値）/ url(画像パス) border-image-slice 100％（初期値）/ 数値 / ○○% / 数値 fill / ○○% fill border-image-width 1（初期値）/ ○○px / ○○% / auto border-image-outset 0（初期値）/ 数値? px? border-image-repeat stretch（初期値）/ repeat / rou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://rtmr.fixa.jp/diary/d_0709.html
