当サイトはユーザー体験を改善するためのメンテナンスを実施中に機能が制限される予定です。記事を読んでもあなたの問題が解決せず質問をしたい場合は、Twitter の @FirefoxSupport、Reddit の /r/firefox で、サポートコミュニティが皆さんを助けようと待機しています。

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

the web page www.thehapygardeners.co.uk does not open properly as the pictures are distorted

  • 5 件の返信
  • 1 人がこの問題に困っています
  • 11 回表示
  • 最後の返信者: cor-el

more options

brand new website ....works perfectly with other browsers .....lots of my collegues use firefox but the pictures are distorted ...and i am recieving complaints

www.thehappygardeners.co.uk .....scroll down and pictures are distorted .

push the TRADE button ...scroll down and pictures are distorted ....but it works fine on other browsers ...as have checked with a number of other users

thanks Doug

brand new website ....works perfectly with other browsers .....lots of my collegues use firefox but the pictures are distorted ...and i am recieving complaints www.thehappygardeners.co.uk .....scroll down and pictures are distorted . push the TRADE button ...scroll down and pictures are distorted ....but it works fine on other browsers ...as have checked with a number of other users thanks Doug

すべての返信 (5)

more options

Direct link; http://www.thehappygardeners.co.uk/trade-2/

I looked at the page. Some of the pictures are overlarge. And cover other things.

more options

Firefox doesn't scale the images as you do not set a width, so all images show in their natural dimensions and that makes the columns wider and causes an overlap because some images are quite large. You can add a img { width:100%; } rule to make the images fit better.


div.image img{ width:100%; }
more options

Hi In which file does that line of code need to go in ? Regards Doug

more options

Which file that line of code needs to go in.

more options

There is rule in the wordpress.css file where you could add this property, but I don't know if you have access to this file. Otherwise you can add the line to one of the inline style sheets, but then you would have to do this on every page where this is needed.

Line 1074:

.post img {
    max-width: 100%;
    width:100%;
    height: auto;
}