X
Tap here to go to the mobile version of the site.

Support Forum

The header picture is too large only on Firefox.

Posted

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.

Chosen solution

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))
Read this answer in context 0

Additional System Details

Installed Plug-ins

  • 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

Application

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

More Information

Michael Buluma
  • Locale Leader
35 solutions 253 answers

Helpful Reply

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
17692 solutions 160067 answers

Chosen Solution

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

Question owner

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

Question owner

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 solutions 253 answers

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