アメブロ記事部分に配置した画像にかかる、謎の左の余白5pxを取る方法。ふぅ

アメブロの記事部分に画像を配置すると、widthいっぱいに画像のサイズを調整しても、

なぜか画像左に5pxの余白が。

cssやタグ部分を見ても特に当たっているcssは無い。

枠線とかを入れている画像とか、右の部分だけ切れてしまって不恰好なんですよね。

その解決方法を見つけたので書いときます。

結論はpotisionで無理やりそろえますw

デザインのcssを開き「#wrap」 もしくは 「#frame」にposition:relative;　をあて以下のcssを追加。

.detailOn img{

position:relative;
left:-5px;

}

記事として配置した画像には、「detailOn」というクラスが付くという仕様を利用した方法です。

これで綺麗さっぱりグリッドにそろえることが出来ます。

あーすっきりした。