Webのプルタブ: CSSテクニックアーカイブWebのプルタブ

今日もIE6のバグで干からびそうになった

2009年7月 6日 21:24 めか | 個別ページ | コメント(0) | トラックバック(0)

相変わらず仕事ではコーディング的な意味でIE6に頭を悩ませているわけですが...。
今回は以下のバグで危うく干からびそうになりました。

・IE6でネガティブマージンを効かせる
時々何故かここぞというところで効かなくなる...。別の場所では聞いてたのに(-_-;)

・position:absoluteにしたときにIEで位置がずれることの対応
これも時々何故かここぞというところでずれる

個人的にハックは極力使わないようにしていますが、極限状態になるともうハックをして楽になりたい！と思ってしまいます。まだまだ未熟な分大変マゾいです。
IE6は早くシェアがなくなれば良いと心の底から願いつつ、IE8はまだ来なくて良いよと思う日々でした。

HTML・CSS・javascriptをリアルタイムでプレビュー、レンダリングしてくれるサイト

2009年3月11日 19:11 YO | 個別ページ | コメント(0) | トラックバック(0)

rendur 2.2 http://www.rendur.com/

(X)HTML、CSS、javascriptをライブレンダリング？、ライブプレビュー（書いた傍からプレビュー）してくれます。
簡単なコードの確認、Javascriptの動作確認、デバッグには大変便利かもしれません。
基本的な使い方は続きへ

HTML・CSS・javascriptをリアルタイムでプレビュー、レンダリングしてくれるサイトの続きを読む

CSSでtableのtdタグに・・・

2008年4月 5日 11:32 YO | 個別ページ | コメント(0) | トラックバック(0)

CSSでmargin要素を指定して何故か利かない！なんでなんDA☆！

＼(＾o＾)／

とか思ったそこの可愛そうなキミ！各言う私もでしたごめんなさい・・・
tableのtdタグにはmarginは使えませぬ。なのでpaddingで対処するでござるよ。

オンマウスすると文字が動いて切り変わるスクリプト「scrollovers.js」

2007年11月24日 14:56 めか | 個別ページ | コメント(0) | トラックバック(0)

Scrollovers

jsとcssでオンマウスすると文字が動いて切り変わるという面白いことができます。

こんなかんじになります。

動作確認：Firefox 2.0、Internet Explorer 7、Internet Explorer 6、Internet Explorer 5.5、Safari 3 (Windows)、Opera 9

XHTML1.0 Transitional と FireFox2.0.0.9 、IE6.02900.2180xpsp_sp2において

2007年11月15日 18:08 YO | 個別ページ | コメント(0) | トラックバック(0)

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

をFireFox2.0.0.9 （07/11/15時点日本語版最新バージョン）、InternetExplorer6.02900.2180xpsp_sp2の環境にて<table>タグ内<td>～</td>要素に、CSSでheight:○○px; overflow:hidden;属性を指定してもまったく有効になりません。

XHTML1.0 Transitional と FireFox2.0.0.9 、IE6.02900.2180xpsp_sp2においての続きを読む