macでレイアウトが崩れます。

質問

macでレイアウトが崩れます。

winでは大丈夫なのですが、macのfirefoxだと下の画像のように
レイアウトが崩れてしまうようです。

全部CSSでレイアウトしているのですが、
右下部分のボックスだけレイアウトが崩れます。

ためしに崩れていないところからコピーして貼り付けたりしましたが、
それでもダメみたいです。

何が原因なんでしょう・・・？

回答No.1

EFA15EL · ベストアンサー

もう現役とは言えないので絶対とは言いませんが、
すべてに対応するCSSというのは事実上無いかと思います。
レイアウトが多少崩れても問題ないデザインにするか、
OSおよびブラウザ別にCSSを用意するというのが常套手段ですね。

※あなたのレイアウトが何故崩れるのかピンポイントで知りたければ、画像と共にソースを見せた方が早いと思いますよ。

お礼

ご回答ありがとうございます。

横幅をちょっと広げて試してみます。

ちなみにソースはこんな感じになってます。

.font1{
font-weight:bold;
color:#392b16;
font-size:9pt;
font-family:"ＭＳ ゴシック";
}
.font2{
font-weight:bold;
color:#392b16;
font-size:11pt;
font-family:"ＭＳ ゴシック";
}
.shop{
background:url("img/back.gif");
width:950px;
height:744px;

}
.left-box{
width:317px;
height:136px;
margin-left:150px;
margin-top:25px;
margin-right:23px;

float:left;
text-align:left;
}
.right-box{
width:317px;
height:136px;
margin-left:23px;
margin-top:25px;
margin-right:23px;
float:left;
text-align:left;

}
.photo{
float:left;
margin-right:5px;
margin-bottom:20px;
}
<div class="shop">

<div class="left-box"><img src="○○.jpg" class="photo"><span class="font2">○○店<br>00-0000-0000</span><br><br>
<span class="font1">平日10：30～19：30<br>
土曜10：00～18：30<br>
日曜10：00～18：00</span></div>

<div class="right-box"><img src="○○.jpg" class="photo"><span class="font2">○○店<br>00-0000-0000</span><br><br>
<span class="font1">平日10：30～19：30<br>
土曜10：00～18：30<br>
日曜10：00～18：00</span></div>

<div class="left-box"><img src="○○.jpg" class="photo"><span class="font2">○○店<br>00-0000-0000</span><br><br>
<span class="font1">平日10：30～19：30<br>
土曜10：30～19：00<br>
日曜10：00～18：00</span></div>

<div class="right-box"><img src="○○.jpg" class="photo"><span class="font2">○○店<br>00-0000-0000</span><br><br>
<span class="font1">平日10：30～19：30<br>
土曜10：00～18：30<br>
日曜10：00～18：00</span></div>

</div>