4/30 練習01
先日のバイトで既存サイトを分析したり、コーディングするのが楽しかったので、画像をお借りしてコーディングの練習。
たった２ページなのに簡単なCSSでつまずく事しばしば（汗）
サイトのソースも参考にしながらだったので、ものすごい時間がかかってしまった・・・・
習ったのに忘れてる事も多いのでメモ。
ビルボードの背景画像のセンター配置（position:50%）
#container {
width:100%;
background-image:url(../img/bg_main.gif);
background-repeat:no-repeat;
background-position:50% 200px;
text-align:center;
}
overflow: hidden
- dlのdt dd を横並びにする時にdd にoverflow: hidden 指定すると改行しても回り込まない。
#topics02 dl dt{
float: left;
width: 90px;
padding-left: 15px;
color:#CC6666;
}
#topics02 dl dd{
width:340px;
overflow:hidden;
}
- floatの指定が有る要素の親要素(content03)に高さを算出させる。
#content03 {
width:630px;
height:auto;
margin-top:80px;
overflow:hidden;
}
.wrapper03 {
width:280px;
float:left;
margin-right:70px;
}
.wrapper04 {
width:280px;
float:right;
}
