こんにちは。デザイン課のいまべぇです。

webのデザインをするようになってまだまだ日が浅い私ですが、デザインもさる事ながらやはり苦戦するのはコーディングです。
そこで、最近の案件で私がコーディングの際に困ったことについて書いてみようと思います。

このサイトのジャンル項目部分ですが、<li>タグにｃｓｓで｛float: left;｝をかけています。

ところが、FirefoxやＩＥ8.9.10ではちゃんと表示されるのですが、ＩＥ7で崩れてしまいます。

?そこで、{white-space:nowrap}をＣＳＳに書き込んであげると、ＩＥ7でも崩れません。

ソースはこんな感じです。

【html】

【ＣＳＳ】

.section ul li {
?float: left;
?margin: 0px 10px 7px 0px;
?white-space:nowrap /*IE7対策 */
}

コーディングを始めたばかりの頃はこういう事でよくつまづいていた気がします。
まだまだ勉強中ですが、これからも精進していこうと思います。