CSS
Fireworksで作るプルダウンメニューがキライです。 レイアウトもいまいちだし、何よりクロスブラウザしてない。 バージョンが昔のすぎるというのがありますが…。 多分今のバージョンのものだといいものができるんだと思います。 でもまぁそんなお金もないの…
まとめてくださってる方がいらっしゃったのでご紹介。 基礎編7 段落が崩れるのを防ぐ http://www.geocities.jp/multi_column/float/07.html
もうIEはダメすぎるね。 divタグなんかで中身をスクロールさせたくて overflow: scroll とかしてるときに、中身がおかしくなることがある。 これは子要素に、position:relative が指定されている時に 起こることが多いみたいなんだが、これを解決するには 子…
まぁ、overflow: hidden が手っ取り早い。 特に自分で書いてなくてきったないよくわからんような サイトのCSSをいじるときは、これが一番早い。 フロートボックスが並んだ時の右端のがカラム落ちしない方法みたいなのとIEのコメントバグ | CSS HappyLife htt…
こうすればいいのさ！ <div class="input text"></div>こうすると.input と.textのどちらも適応されたdivができあがる。 なぜこれを今まで知らなかったんだ…。 CSSにクラスを複数設定するテクニック｜Webで使えるテクニック！Webで困ったときのﾒﾓ帳 http://ameblo.jp/linking/entry-1006019…
勉強になりますが、うーん、position:relativeとかって 逆に表示狂いません？ 試してみないとなぁ。 IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル http://journal.mycom.co.jp/news/2009/03/09/026/index.html
CSS Hackって、実はあんまり好きじゃないんですよね。 W3Cに則らない的な意味で。ええ。 でもまぁ背に腹は代えられません。もう最悪IE5.5。 IE5.5はpaddingの解釈にバグがあり、きちんと解釈されません。 width内の大きさとしてとらえちゃうので、ちゃんとwi…
IE5.5では、互換モードが実装されていない。 もう意味が分からない。何なのIEとか？ まぁとはいえ、IE5.5などという化石よりも古くダメな ブラウザにも対応しなくてはならないことも世の中的には あるので、しかたない。text-alignを使う。 親要素のtext-ali…
marginとwidthを同じボックス要素に指定してないか確認する 子要素のwidthが親要素のwidthを越えていないか確認する 上記はIE5.5 / 6で特に有効。 7以降はまだ多少はCSSをちゃんと解釈してくれます。 スタイルシートをめぐる冒険: 要素を左右に隙間なく配置…
overflow: hiddenをしてるにも関わらず、文章が 改行されずボックスのレイアウトが壊れる事があります。 IEにおいて。 そういう困ったちゃんにつかうためのプロパティが word-break。これでbreak-allを指定すればURLだったとしても 無視してボックスの大きさ…
list-style-typeで変えます。 list-style-type: *** disc: 黒丸 circle: 丸 square: 四角 decimal: 数字 CSS 概説 | リスト http://msugai.fc2web.com/web/CSS/list.html
floatを解除する場合は、clearfixという方法がよく使われます。 clear: both; でも同じクラス名を持たせつつ、領域でfloatの仕方を 変えたいときはどうしたらええねん？というとき。 （というか、設定していたfloatを上書きして消したいとき） そんなときは…
ULのmargin設定に引っ張られて、その下のDIVのmarginが 設定されてしまうーなんていう信じられないIEのバグに 出くわしました。 んで、探すと、死ぬほどあるんですね。この手のバグ。 いやになりますね。IE6。 IE6のバグのまとめ - Webtech Walker http://we…
しかもこのときmargin-bottomは一緒に設定しても大丈夫。 早く消えてくれIE6。 とりあえずいろいろ:IE6のoverflow:hidden - livedoor Blog（ブログ） http://blog.livedoor.jp/shushu81/archives/50895355.html
なぜならwidthをきちんと解析できないから。 早く消えてくれIE6。 ADP: IE6のwidth解釈バグ対処法 http://adp.daa.jp/archives/000265.html
# HTML <body> <div id="body">本文</div> </body> * { margin: 0px; padding: 0px; } html{ height: 100%; } body{ height: 100%; } #body { height: 100%; min-height: 100%; } body > #body { height: auto; } すごすぎ。 解説は下記のサイト。ありがとうございました！ div等に指定した背景…
IEはダメなブラウザです（断言）。 なぜなら、CSSをちゃんとサポートしてないから。 特にmargin:autoに関するサポートがひどい。 センタリングされねぇ。で、仕方なくtext-align: center とかして逃げてしまう。 でも回避法がある。 どうも文章型宣言でIEで…
font-weight: normal; /* 太字指定なし */ font-weight: bold; /* 太字にする */
<link rel="stylesheet" href="URL" type="text/css" /></link>
非常にはまりました。 + l BODY l l +--------+ +------------------+ l l l A l l B l l l l l l +-----+ +-----+ l l l l l l l B1 l l B2 l l l l l l l l l l l l l l l l l +-----+ +-----+ l l l l l l +--------------+ l l l l l l l B3 l l l l l l…
float: left; で、次々に右に出てくる。
まぁ、そういうことですよね。 CSS(スタイルシート) float http://hac-design.com/css/float.html
