CSSに関するfnyaworldのブックマーク (2)

  • 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

    fnyaworld
    fnyaworld 2008/01/29
    ちょうど引っかかっていたところです、マーベラス!分かりやすくかつ詳しい解説です。
  • もう、そんなミスに陥らないんだからっ!!

    どーも。最近密かに主婦に人気が有るんじゃないか?と思い始めているhirasawaです。 遊び心がある方、コレから「主婦CSS」とかって付けて下さい。えぇ。 主婦に優しいブログ運営を頑張りたいと思っておりますので。 【超CSS】STOPN' LISTENですに対抗したいとか、そんな大人気ない事思ってないデスヨ? で、題ですがCSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::の影響もあるんですが、会社関係の人に同様の事を言われた事が有り、いつか書こう書こうと思ってました。 でも、同じじゃアレなんで、ボクが良くやる(やった)初歩的なミス絡みで書いてみようと思います。 1.何か、コレだけスタイルが適用されないんすが… ボクの場合、取りあえず !importantでそもそも効いているのかチェック。 もしくは、

    もう、そんなミスに陥らないんだからっ!!
    fnyaworld
    fnyaworld 2007/12/19
    CSSのトラブルでチェックすべき点、読みやすいわかりやすい。
  • 1