忍者ブログ
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
HP:Jumble Junk

レイアウトとかをCSS2で作っていたけど、CSS3を勉強してたら、もっと楽に出来る事を知ったので、対応しました。

 #container {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;

}

body > #container {
    height: auto;
}


#contents{
    padding-bottom: 40px;
}

#menu_block{
    background-color:#f7f8da;
    width : 200px ;
    float:left;
    padding-bottom: 32768px;
    margin-bottom: -32768px;

}

#contents_block{
    margin-left: 200px;
    padding-bottom: 32768px; 
    margin-bottom: -32768px;

}


 #container {
    height: 100%;
    margin: 0px auto;
}
#contents{
    display:box;
        display:-moz-box; display:-webkit-box;

    box-orient:inline-axis;
    width : 100% ;
}

#menu_block{
    background-color:#f7f8da;
    width : 200px ;
}

#contents_block{
    box-flex:1.0;
        -moz-box-flex:1.0; -webkit-box-flex:1.0;

}

今まで、marginとpaddingを組み合わせたりして、ごちゃごちゃしてたのがすっきり^^
prefixがつけないといけないから、まだ完全にスッキリはしてないけど

てことで、見た目としては、全く変わってません^^;
ついでに横幅だけ変えたけど
久しぶりに、HP見たら、「6ヶ月以上更新のないページにつく広告」があって少し焦った

次は、ブログのテンプレート!
ちまちま作成中
人気ブログランキングへ PINGOO!カテゴリイラスト・写真
PR
→ Comment
name title
url mail
comment                                  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
839  838  837  836  835  834  833  832  831  830  829 
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
ついった(近況報告)
ブログ内カウンター
ランキング
人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ PINGOO!カテゴリイラスト・写真
アーカイブ
これ以前のアーカイブ一覧
ブログ内検索
カレンダー
06 2020/07 08
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Admin / Write
忍者ブログ [PR]
Related Posts Plugin for WordPress, Blogger...