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

締切済

質問者：gfkdfs
質問日時：2013/05/14 20:12
回答数：1件

IEとSAFARIでは画像を横一列に配置するとIEで最後に余白が生じます。これって解消できないのですか？

WEB幅は８５０PXです、画像幅１４０ＰＸの画像を横一列に６枚並べるとSAFARI画面では、殆ど余白が無く並ぶのですが、IE8画面では右に実寸で３センチ程度の余白が発生します。

例えば、この６枚の画像を決定してIEとSAFARIとも余白無しに均等に配置するCSS等はないのでしょうか？

そんな都合のいいものはないですかね？
ネットで検索しますが、全く見つかりません。ＣＳＳハックとかがそうなんでしょうか・・
知って居られる方いませでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： naokita
回答日時：2013/05/14 23:33

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>