Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

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;
}