Chromeでテーブルのボーダーがおかしい | memopad
つい先日、レイアウト重視でどうしてもテーブルを多用しなければならない機会がありました。 対応ブラウザとしてはIE9以降、ChromeとFirefox最新版とのことだったので、クロスブラウザで特に困ることはないだろうなーと思っていたのですが…やられました。 なぜかChromeだけ、テーブルの一部セルで、ボーダーがテーブル幅いっぱいに延びているという。 しかしFirebugで検証してみても、HTML・CSSともに全く問題なく、しばし頭を抱えるはめに。 完全にChromeを信用しきっていただけに、しばらくバグだという考えに至りませんでした。 ということで、以下原因と解決策です。 Webkitのバグのようだ はい、ChromeというよりWebkitのバグなんだそうです。 Safariが対応外だったこともあって、一切検証していなかったのも良くなかったですね。 原因としてはcolspanが悪さをしてい
Sassファイルでの記述位置を知るより美しい方法
先日Twitter上で知ったリソース「Developing with Sass and Chrome Developer Tools」を読ませてもらったところ（というより流し見た感じ）、Sass 3.3.0ではSourcemapを出力する機能があることを知りました。これが上手く利用できれば、CSSファイルを汚さずSassファイル名と行数を知ることができそうです。そこで早速Sass 3.3.0をインストールして試してみました。 普段は下記でつぶやいたサイトを参考に、Sassの--debug-infoフラグをオンにしてデバッグ情報を出力するようにしていますが、この場合各セレクタの上に都度デバッグ情報が出力されるので、公開ディレクトリにアップする際は再度コンパイルしてデバッグ情報を出力しないCSSを生成しなければならず、手間だなと最近思っていました（gruntのタスクを走らせるだけですが）。これ
Google Chromeだけ、フォントサイズがおかしいんです！そんなトラブルが起きた時に見る、Chromeのフォントサイズのクセまとめ。 | 株式会社NONAME Produce(n2p)｜デジタルプロモーション企画・制作
Google Chromeで見た時だけ、フォントサイズがおかしいんです！ そんなトラブルに陥った日に思い出すためのまとめです。 フォントサイズに謎の異常発生 なんだかchromeで見た時だけフォントサイズが大きい？ 弊社では、remを使った場合に時々遭遇しました。 ルートとして指定してる文字サイズ [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
