X
點擊此處開啟此網站的行動版。

技術支援討論區

The header picture is too large only on Firefox.

已張貼

I'm building a new website which is http://tradingchannelsuk.ipage.com/ The header picture looks just fine on other browsers apart from Firefox and IE. The header is way too large and goes out of the margins of the page, i.e. more than %100. I tried

  1. logo img {
 width: 100% !important

} and some varieties of it but couldn't fix the problem. Can anyone please help me out? Thanks.

I'm building a new website which is http://tradingchannelsuk.ipage.com/ The header picture looks just fine on other browsers apart from Firefox and IE. The header is way too large and goes out of the margins of the page, i.e. more than %100. I tried #logo img { width: 100% !important } and some varieties of it but couldn't fix the problem. Can anyone please help me out? Thanks.

被選擇的解決方法

Looks fine here as well.

Can you attach a screenshot?

  • Use a compressed image type like PNG or JPG to save the screenshot
  • Make sure that you do not exceed the maximum size of 1 MB

You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl/Command+0 (zero))
從原來的回覆中察看解決方案 0

額外的系統細節

已安裝的外掛程式

  • Adobe PDF Plug-In For Firefox and Netscape 11.0.0
  • Citrix Online App Detector Plugin
  • Foxit Reader Plug-In For Firefox and Netscape
  • Google Update
  • Intel web components for Intel® Identity Protection Technology
  • Intel web components updater - Installs and updates the Intel web components
  • Office Authorization plug-in for NPAPI browsers
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • The plugin allows you to have a better experience with Microsoft Lync
  • Picasa plugin
  • 5.1.40728.0

應用程式

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0

更多資訊

Michael Buluma
  • Locale Leader
35 個解決方法 253 個答案

有幫助的回覆

Heey

Nice work right there!!!

It looks good to me. Not overlapping.

Add advice you to bootstrap your images and using percentage on the desired image sizes

-->src="http://tradingchannelsuk.ipage.com/wp-content/uploads/2015/09/merged-pen-logo4-small-e1441892527314.png" alt="Trading Channels" class="fusion-logo-1x fusion-standard-logo" height="153" width="1195"<--

All the best

-Michael

Heey Nice work right there!!! It looks good to me. Not overlapping. Add advice you to bootstrap your images and using percentage on the desired image sizes -->src="http://tradingchannelsuk.ipage.com/wp-content/uploads/2015/09/merged-pen-logo4-small-e1441892527314.png" alt="Trading Channels" class="fusion-logo-1x fusion-standard-logo" height="153" width="1195"<-- All the best -Michael
cor-el
  • Top 10 Contributor
  • Moderator
17532 個解決方法 158526 個答案

選擇的解決方法

Looks fine here as well.

Can you attach a screenshot?

  • Use a compressed image type like PNG or JPG to save the screenshot
  • Make sure that you do not exceed the maximum size of 1 MB

You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl/Command+0 (zero))
Looks fine here as well. Can you attach a screenshot? *http://en.wikipedia.org/wiki/Screenshot *https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem *Use a compressed image type like PNG or JPG to save the screenshot *Make sure that you do not exceed the maximum size of 1 MB You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems. *<b>View > Zoom > Reset</b> (Ctrl/Command+0 (zero)) *http://kb.mozillazine.org/Zoom_text_of_web_pages

提出問題者

Yes it looks good now because just 1 hour ago I found the solution to it. First I tried to use a much smaller size picture but the quality dropped a lot. Then I changed the logo image width from auto to 100%. It took me several days to find this as I am no developer but I'm over the moon now. :) Thanks a lot for your efforts and answers. Burak

Yes it looks good now because just 1 hour ago I found the solution to it. First I tried to use a much smaller size picture but the quality dropped a lot. Then I changed the logo image width from auto to 100%. It took me several days to find this as I am no developer but I'm over the moon now. :) Thanks a lot for your efforts and answers. Burak

提出問題者

By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now.

By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now.
Michael Buluma
  • Locale Leader
35 個解決方法 253 個答案

tttigra said

By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now.

We're glad to be of help.

Do feel free to post another question when you have it.

Happy browsing.

-Michael

''tttigra [[#answer-779798|said]]'' <blockquote> By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now. </blockquote> We're glad to be of help. Do feel free to post another question when you have it. Happy browsing. -Michael