読者です 読者をやめる 読者になる 読者になる

20 Pandaのコメント欄

デザイン変わってしまうけれども, これが一番マシかなぁ.
元々あのデザインだと名前が長すぎるときにコメント本体と被るという問題があったので, ついでに直すという意味も込めて.
IE6, 7で吹き出しが大量に発生してしまうという問題があったので, inline-blockを採用.

div.commentshort span.commentator {
  display: inline-block;
  padding-bottom: 10px;
  background: transparent url("http://f.hatena.ne.jp/images/fotolife/s/smoking186/20071115/20071115220648.png") left bottom no-repeat;
}

div.commentshort span.timestamp {
  display: inline-block;
  margin-left: 1em;
  padding-bottom: 10px;
}

div.commentshort span.commentbody {
  display: block;
  padding: 5px;
  background-color: #ddd;
}

.commentform textarea {
  width: 99%;
}