Navigation
Archive / 100% width image only works in Chrome
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 17, 2016 at 9:37 am #1261152
    DoebankDesigns
    Participant

    At this site (in developement): reinholdchiro.flywheelsites.com

    I have an image at the bottom of a section that I’ve added the following style to:

    margin-bottom: -1px; width: 100% !important;

    It works fine in Chrome, but in Safari, Opera, and Firefox it doesn’t extend all the way across the page. (See attached)

    Do I need to do something different for those browsers?

    (Also, related, I can’t get any .flywheelsites.com site to open in IE. Is there a reason for that?)

    November 17, 2016 at 11:56 am #1261315
    Rupok
    Member

    Hi there,

    It seems you are using the image as background image. I don’t think there is any issue with browser rather the screen size. You can add this CSS to adjust the image properly : 

    #home-main {
  background-size: 100% auto;
}

    Cheers!

    November 28, 2016 at 2:09 pm #1273619
    DoebankDesigns
    Participant

    No, I’m not talking about the background image. I’m talking about the white swoosh-type image at the bottom of the first section. It’s just an image module. The image is simply not spanning the entire width. Now it doesn’t seem to be working in Chrome either. Why isn’t the image touching both edges of the window?

    November 28, 2016 at 2:14 pm #1273621
    DoebankDesigns
    Participant

    Never mind. I’m just going to get rid of it. It’s not worth the hassle.

    November 28, 2016 at 2:20 pm #1273629
    Nabeel A
    Moderator

    Glad you’ve sorted it out.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1261152 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>