ブラウザのスタイルをリセットするスタイルシート -Normalize CSS
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス
フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ：１ フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか？ これは
div等に指定した背景をページの下まで伸ばしたい | Takazudo Clipping*
背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step
リンク画像の枠線を消す: digital Lab
ときどきサイトのチェックをしているのですが、ある日ブラウザごとにきちんと表示されているか確認をしていると画像になぜか青い枠線（リンク画像の枠線）がでていたのです。 マックの場合SafariとIEでは枠線は表示されず、Firefoxで開くと画像表示時にリンク画像の枠線がでてしまいました。 （ウィンドウズの場合はまた違うかもしれません） border="0" これを挿入すれば、枠線なしで画像だけ表示されるようになる・・・はず。 というわけで、すでに青い枠線がでてしまっている画像のタグを以下のように直してみました。 <img src="〜" width="250" height="93"border="0" alt="タイトルバナー" /> この箇所を修正し保存、再構築すると見事青い枠線は消えました！！ で、めでたしめでたしとなればいいのですが、ここで終わらないのです。(^^;) 表示上
はてなダイアリー用CSS作成支援
【はてなダイアリー】用のスタイルシートの表示テストのためのHTMLです。 「サイドバー付きの最新日記画面」「日記編集画面」「キーワード表示画面」「コメント入力画面」「日記の設定画面」の表示を1度にチェックすることができます。 以下のファイルを適当なフォルダにダウンロードしてご利用ください。（ダウンロード用アーカイブは面倒なので作りません） hatena_samle.shtml（テスト用HTML） headdf.css（テスト用ヘッダ色指定：青） 画像 ヘッダタイトル用画像1：alisato.gif ヘッダタイトル用画像2：sample.gif ヘッダタイトル用画像1：test.gif ヘッダタイトル用画像1：dot.gif 日記用サンプル画像：ume_xp.gif キーワード用背景画像：keyword.gif
HTML5ホームページテンプレート無料配布 [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS段組4：段の背景色が切れないようにする(後編) [ホームページ作成] All About![CSS段組4：段の背景色が切れないようにする(後編) [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
はてな[日記タイトルを画像にする・日記タイトルに背景画像を入れる2]![はてな[日記タイトルを画像にする・日記タイトルに背景画像を入れる2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2399268c45f05176589994884651cf8a795231e/height=288;version=1;width=512/https%3A%2F%2Flive.blog-tags.st-hatena.com%2F%2F_next%2Fstatic%2Fimages%2FogImageDefault-0b14dbf84ffadcafc73ec8b1d951813c.png)