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

Εφαρμογή

  • Πλατφόρμα χρήστη: 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
17763 λύσεις 160635 απαντήσεις
Δημοσιεύτηκε

Επιλεγμένη λύση

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