How to fix the space in firefox and chrome?

The website that I made is good if I open with chrome, but, when I open it with firefox there is a space between the menu and the content. This is the website. Do you know how to fix it? This website is developed on WordPress. So I don’t know how to fix it.
Thanks..

Related posts

Leave a Reply

5 comments

  1. Its looks good in mozilla and chrome

    <div style="overflow:hidden" class="container">
    

    or you can target only mozilla using

     <style type="text/css">
        @-moz-document url-prefix() {
    
    .container{overflow:hidden  }
    
        }
        </style>
    
  2. I think the problem is that Firefox is pushing the content down to make space for the images in the slider. Once the script kicks in and restyles the slider, Firefox is not automatically moving the content back up the page into its intended place.

    Try setting:

       #sliderdiv {overflow: hidden;}
    
  3. I tried to fix it with firebug this code made it look good in Firefox:

    #site-navigation { margin-bottom: 0px; }
    #slider-wrapper { margin-top: 0px; }
    
  4. First of all add this property in your container class

    .container {
        display: inline-block;
    }
    

    And than reduce margin-bottom

    #top-nav #site-navigation {
        margin-bottom: 42px;
    }
    

    Works perfectly as expected.