タグ

バグとデザインに関するiwwのブックマーク (2)

  • 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

    Firefoxでテーブルのthとかtdにはposition:relativeが効かない件 - 主に技術的なことを書くブログ
    iww
    iww 2018/06/12
    IEでも同じような問題が起きる。
  • 【IE事情】フォームのinputタグ:textとpassword

    主にC++とかFlashとかお絵かきとか。ボカロな話題はほどほどにしたかったけど、結局無理でした。ミクさんぺろぺろ。 さすがにこれはないと思った,IE事情その2. よく,ユーザ名,パスワードでログインってありますよね. まあ,それを作ろうとしてたんだが・・・ ▲[Firefox]計画通り ▲[IE](;・∀・)ハッ? ��(゚д゚)ノ ナニコレ? size属性一緒にしてるのに何で長さ違うの?つーか何故,サイズまで違うw ググってみたところ・・・ http://support.microsoft.com/kb/831331/ja なんと! inputタグのtypeが textのときは"MS UI Gothic"! passwordのときは"Tahoma"! がデフォルトフォントなのだー! これがIEの仕様(笑) ( ´゚д゚`)エー しかも,XP以前のバージョンでは"MS UI Gothic

    【IE事情】フォームのinputタグ:textとpassword
  • 1