186(css)

2005-05-16

[][] IE6.0後方互換モードにて

よく分からんが指定だけ書き出しておく

ブログモードで画像を右フロート、p.sectionfooterで右フロートをclearしたら.section全体が左にずれる?

.day {
 margin-left: 20px;
 margin-bottom: 20px;
 padding-top: 1px;
}

.day img.photo {
 float: right;
}

.section {
 margin: 0px 0px 20px 40px;
 padding-left: 20px;
 border-left: 1px solid black;
}

.section h3 {
 margin-left: -40px;
 padding-bottom: 5px;
}

.sectionfooter {
 margin-top: 20px;
 text-align: right;
 clear: right;
}

pre, blockquote {
 clear: right;
}

この指定で.section内の文章が短く、p.sectionfooterが画像を実際にクリアしたときに.sectionに指定した左側の線が通常より余計に左にずれる。

p.sectionfooterを消すと直ることから、p.sectionfooterが悪いらしい。clear: right;消すかぁ(;´Д`)

ついでにpre, blockquoteがh3直後に来るとやっぱり左にずれる。これも無しですか。

トラックバック - http://css.g.hatena.ne.jp/smoking186/20050516