CSSテクニックの最近のブログ記事

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

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

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


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

090311-rendur.jpg
rendur 2.2 http://www.rendur.com/

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

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

\(^o^)/


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

Scrollovers

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

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

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

<?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;属性を指定してもまったく有効になりません。


How to make sexy buttons with CSS別窓

CSSで画像を背景にした場合のボタン作成ノウハウです。
これは凄い。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちCSSテクニックカテゴリに属しているものが含まれています。

前のカテゴリはActionScriptです。

次のカテゴリはEventです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。