X
Kliknite sem pre prechod na mobilnú verziu webu.

Fórum podpory

The header picture is too large only on Firefox.

Pridané

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.

Vybrané riešenie

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))
Čítať túto odpoveď v kontexte 0

Ďalšie informácie o systéme

Nainštalované zásuvné moduly

  • 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

Aplikácie

  • Identifikácia prehliadača: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0

Viac informácií

Michael Buluma
  • Locale Leader
35 riešení 253 odpovedí

Užitočné odpovede

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
17876 riešení 161748 odpovedí

Vybrané riešenie

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

Autor otázky

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

Autor otázky

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 riešení 253 odpovedí

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