締切済み

ブラウザ別の余白誤差って解消できないの？

2013/05/14 20:12

IEとSAFARIでは画像を横一列に配置するとIEで最後に余白が生じます。これって解消できないのですか？ WEB幅は８５０PXです、画像幅１４０ＰＸの画像を横一列に６枚並べるとSAFARI画面では、殆ど余白が無く並ぶのですが、IE8画面では右に実寸で３センチ程度の余白が発生します。例えば、この６枚の画像を決定してIEとSAFARIとも余白無しに均等に配置するCSS等はないのでしょうか？そんな都合のいいものはないですかね？ネットで検索しますが、全く見つかりません。ＣＳＳハックとかがそうなんでしょうか・・知って居られる方いませでしょうか？

gfkdfs
お礼率26% (37/139)

その他([技術者向] コンピューター)
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

みんなの回答

naokita
ベストアンサー率57% (1008/1745)

2013/05/14 23:33 回答No.1

DTD 標準モードで書く画像間改行しない。 ↑これで140×6＝840pxになるから10px余る計算になる。なので、解決策としては、画像と幅の設計で合わせるか、imgにmarginを均等になるように指定 <!DOCTYPE html> <html> <head> <title>imege</title> <style type="text/css">*{margin:0;} div{width:850px; background-color:red;}</style> </head> <body> <div> <img src="aaa.gif" width="140"><img src="aaa.gif" width="140"><img src="aaa.gif" width="140"><img src="aaa.gif" width="140"><img src="aaa.gif" width="140"><img src="aaa.gif" width="140"> </div> </body> </html>

質問者