cssに関するceekzのブックマーク (7)

  • フッタ固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

    低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 ボディ部分がヘッダ・コンテンツ・フッタから成っているWebページの場合、ヘッダやコンテンツ部分のテキスト量によってフッタの位置は変わってしまいます。 テキスト量が多く、スクロールバーが表示されるようなページの場合、必然的にフッタはスクロールした先の画面最下部に表示されますが、テキスト量が少なく、スクロールバーが表示されないようなページの場合は、画面の中央にフッタが表示され、その下は不格好に空白ができてしまいます。 こういったスクロールバーが表示されない、テキスト量の少ないページでも、ブラウザの最下部にフッタを表示させる方法です。 フレームのように画面の上下に常にヘッダ・フッタを固定しておく方法は、ヘッダとフッタを

    ceekz
    ceekz 2009/06/24
  • CSS Flamework -CSSによる段組レイアウト-

    CSS による段組レイアウト 文書構造を極力いじらずにレイアウトを変更できるようなフレームワーク。 以下の各サンプルでは分かりやすいように head 要素内の style 要素でスタイルを指定、先頭で defaultReset.css と common.css をインポート。 実際に使用する際には、style 要素ではなく link 要素で core.css などにリンクして、そこに defaultReset.css などとともに layout.css としてインポート。 この文書の詳細については、「CSSによる段組レイアウトのフレームワーク」を参照してください。 2 カラム 文書構造は以下の通り。メイン、サブの順番。 div.container -div#head -div.content --div#mainContent ---div.section --div#subContent

    ceekz
    ceekz 2008/10/10
    よく忘れるので…。 div が増えるけど border, padding を併用するなら仕方ない。
  • 標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有

    2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSSHTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

    ceekz
    ceekz 2008/10/08
  • クロスブラウザのためのHTML/CSSのテクニック集 | コリス

    anthonyshortのエントリーから、クロスブラウザのためのHTMLCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ

    クロスブラウザのためのHTML/CSSのテクニック集 | コリス
    ceekz
    ceekz 2008/07/01
  • よく使われているCSSハック12選(+おまけ) | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    よく使われているCSSハック12選(+おまけ) | IDEA*IDEA
    ceekz
    ceekz 2008/03/14
  • IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』

    異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは? CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異

  • CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』(益子貴寛)資料公開

    2006年11月25日に開催した「CSS Nite in Osaka」の益子貴寛さんの『ザ・ルールズ・オブ・スタイルシート』に関する資料を公開します。 『ザ・ルールズ・オブ・スタイルシート』PDF、2.6MB、76ページ 音声(MP3、72'12"、24.7MB) 管理用 | 日時:2007年01月21日

    ceekz
    ceekz 2007/01/26
    CSS を書くときの命名ルールや論理的デザイン
  • 1