タグ

webkitに関するmirutoのブックマーク (3)

  • WebKitに対応したブラウザでtableのborderが正しく表示されない。 | haikararou

    WebKitに対応したブラウザでtableのborderが正しく表示されないことがある。 実線が表示されなかったり、破線が実線で表示されたり等。。。 ブラウザの表示倍率を変更したり、文字サイズを変更すると正常な表示になったりしますが、対策にはならない。 またエラーには再現性があり、表示がおかしい箇所は常におかしい。 正しい表示 誤った表示 どうやらWebKitのバクで「border-collapse: collapse;」にエラー出ているらしい。 対応方法は「border-collapse: collapse;」をやめて、「border-spacing: 0;」とする。 IE7ではセル間が開いてしまうのでtableに「 cellspacing=”0″」を追記する。

  • [CSS]iPhoneでもoverflow-y:scrollでスクロールバーを表示する - jsdo.it - Share JavaScript, HTML5 and CSS

    ::-webkit-scrollbar使っただけです。 一応、1世代のiPod TouchのSafariでも表示できた。 でもスクロールはやっぱり2指なのね;orz [追記:1] iOS5からの新機能で、-webkit-overflow-scrolling: touch;と追加すると、1指でスクロールできるようです。 俺、iPhone持ってないので確認できない(ToT) <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>[CSS]iPhoneでもoverflow-y:scrollでバーを表示する</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" /> <meta http

  • CSSのプロパティをソートするPerlスクリプト

    CSSを書く時に「セレクタ内でCSS仕様書でのプロパティの出現順序に従ってソートする」という個人的なルールを守っている。何かコーディングにおいて便利な理由があるからというわけではなく、第三者に説明する時に「仕様書の出現順で書いてます!」とかで済ませられるから。今まではファイル全体を処理するオレオレPerlスクリプトで適当にやっていたのだけど、Vimで選択範囲だけをソートとかやりたくなったので、普通に標準入力を読んで結果を標準出力に吐くように書き直した。ついでにCSS3のプロパティとFirefox(Mozilla)やSafari(WebKit)、Opera(Presto)、Internet Explorer(Trident)の独自拡張などへも対応させたりとか。 #!/usr/bin/perl # Author: Kyo Nagashima <kyo@hail2u.net>, http://h

    CSSのプロパティをソートするPerlスクリプト
  • 1