スタイルシート(回り込みを防ぐ)
一昨日の続きで、スタイルシートの記事を紹介します。紹介した記事の続編が出てました。これからもまだ続くようです。
例えば、下記のように、コンテンツEが長くなってしまうと、コンテンツDの下へ回り込んでしまうようです。
これを防ぐために下記の一文を入れれば良いとの事。。。
┏━━━━━━━━┳━━━━━━━━┓
┃ コンテンツA ┃ コンテンツB ┃
┣━━━━━━━━┻━━━━━━━━┫
┃ コンテンツC ┃
┣━━━━━━━━┳━━━━━━━━┫
┃ コンテンツD ┃ コンテンツEの┃
┣━━━━━━━━┛記事が長いとこん┃
┃なふうに回りこんでしまう。 ┃
┣━━━━━━━━━━━━━━━━━┫
┃ コンテンツF ┃
┗━━━━━━━━━━━━━━━━━┛
注:xxは数字をあらわす
div.コンテンツE {
margin-left: xx%;
}
これ以外にも、まだ細かな問題があるらしいですが、これからも紹介してくれるようです。僕もまだHPのリニューアルをしてないのでスタイルシートに挑戦してみるつもり。
でも、考えてみれば、「はてなD」もスタイルシートを沢山使っているのでした。
紹介した記事の詳細は下記にあります。興味のある方はどうぞ。。。