エプソンダイレクト株式会社

2021年4月25日(日曜日)

Firefox で table の position:relative; を指定すると border が消える仕様というバグ

Category: ホームページ制作 | Posted By at 17:49:29

昨日の jQueryValidationEngine の table タグの問題
position: relative; で回避できました。

た・だ・し!

Firefox では position: relative; と border と
background-color が共存できずに
線が消える仕様というバグ
があるので注意してください。
おすすめはレイアウトに table タグを使わない…
ということで dl / dt / dd を使うのがいいかと?
もともとレイアウト目的で table を使うのはどうか?
と思うので jQueryValidationEngine.js を使うなら
違う方法がいいかもしれません。

さて前向きな対応方法としては
after 疑似要素を使うという方法があります。

th::after,
td::after {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
}

th や td に position: relative; を指定している場合、
この方法が利用できます。
top 、left で動かしてるのは th や td に
border を 1px 指定している場合、
上の例のように 1px 戻してください。

2011年8月22日(月曜日)

開発環境構築

Category: 社長日記 | Posted By at 23:18:16

昨日は久々にお休みだったので自宅にあるノートパソコンに
開発環境を構築しておりました。

自分の環境なので好きなようにできるというか
検証がしやすくなるので XAMPP 等を使わず
すべて一個一個手作り。
それに合わせて社内で利用している
開発環境構築マニュアルも更新しました。

Apache 2.2.19
OpenSSL 0.98r

ActivePerl 5.12.4
PHP 5.3.7
MySQL 5.5.15
phpMyAdmin 3.4.3.2

いわゆる WAMP 環境ですが、
Perl が入ってるのが私らしいですか(笑)?
といっても最近は Perl での開発は少なくなりましたねぇ。
で、開発環境を作っただけで昨日は終わってしまいましたが(笑)。

2010年10月20日(水曜日)

スタイルシート辞典 第4版

Category: おすすめ, 推薦書籍 | Posted By at 2:09:00

(株)アンク社による
定評のある CSS 解説の
定番中の定番図書。

日々進化し続ける CSS ですが、
なかなかそれを全部覚えるのは
初心者~中級者に限らず
難しいのではないでしょうか?

あっと思うような使い方も多い CSS を
やはり体系的に学んでいく良書です。
これも辞典とある通り、これだけで何かする
というものではありませんが、
やはり Web に携わる上で必携な本だと思います。

HTML や CSS に限らずですが、丸暗記するのではなく、
必ずその意味を理解しながら学習を進めていくべきです。
そういう意味でもこれらの辞書を正しく使い、
きれいなソースを心がけるべきでしょう。

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム