解決済
コメントに写真を入れるとコメントが写真の右下ボトム一行目からのります。
3コラムのデザインです。 ＝＝＝＝＝＝＝＝＝＝
<img src="画像url" ... align="left">文章です。
＝＝＝＝＝＝＝＝＝＝
このようにalign="left"を入れてダメなのですが、どこを書き換えれば、写真の真横トップからコメントを入れられるでしょうか？
よろしくお願いします。
回答(2)
2.
ベーススタイルとして指定されている部分
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
background: transparent;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
でvertical-align: baseline;の部分が問題なようです。
#3 でも書きましたが、Firefox では問題有りません。
おそらくIE のバグだと思います。
それで、対処なんですが、
vertical-align の初期値は、元々 baseline なので、
わざわざ具体的に指定する必要自体ありません
なので、
この行を削除するか、
/* vertical-align: baseline; */
のようにコメントアウトしてみて下さい。
後、他の方法として、
例えば、この設定の後(} の次の行に挿入)
/* クラス属性としてpict が指定されたimg 要素は、左配置・回り込み指定する */
img.pict { float:left;}
でもＯＫだと思います。>>2
IEのバグだと確信しました。
教えていただいた通り
『vertical-align: baseline;』したり
『img.pict { float:left;}』を試しましたが、下記のようになります。 プログラマーさんもそれを考慮にいれてあえてこの3コラムのデザインではこの投稿方法を採用したのでは？？と納得しています。BLUEPIXYさんのお心づかいと、お付き合いくださった皆様に心からお礼申し上げます。 ウェブの先輩って素敵です！！
http://buunyan-web.hp.infoseek.co.jp/test.gif
1.
お忙しいところありがとうございます。 align="top" にしてもダメなのです。 たぶん、CSSの部分を書き変えないといけないかもです。 本当にありがとうございました。
コメント(10)
その変になるところの記事のアドレスを教えて頂けませんか？
>>#1.
わぁ～お時間頂いてありがとうございます。
お言葉に甘えますm(＿＿)m
友人のブログです。
http://blog.livedoor.jp/suehiro2002_10/
>>#2
コメント欄って記事本文欄のことなのですね。
あと、Firefox3 で見た場合には、問題ありませんで、
IE7 の時にそのような症状がでるみたいですね。
ちょっと調べてみます。
>>#3
なんだか、ライブドアの全盛期を思い出しました。 天才さんがいっぱいでいつもサポートくださいました。 ・・関係ない余韻に浸っています。
もしかして、ブラウザを考慮してないCSSの問題？？
深いです。 感激ですm(＿＿)m
蛇足ですが、
align="top"(top,middle,bottm)については、
画像とテキストの縦の位置関係を指定するものです。
top は、画像とテキストの上側を揃える指定です。
>>2 下記のようになります
それについては、firefox でも同じです。
デザイン（テンプレート）の方で、
記事の最後に
<br clear="all" />を規定値として書いておくようにしてください。
(livedoor の標準的なデザインでは、皆（実際に確認したわけではないですが）そうなっています。)
>>2 それを考慮にいれてあえてこの3コラムのデザインではこの投稿方法を採用したのでは？
単にチェックが足りなかっただけだと思います。
蛇足２
画像などで、回り込み指定した後、
回り込みの指定の解除には、
<br clear="all" />とか
<br style="clear:both;" /> （<br style="clear:both;display:block;" />)とか
次のブロックで、
<div style="clear:both;" >…</div>とかします。
