CODEWITHSUNDEEP
csswordpressgoogle-chromefirefoxspace
hendraspt
hendraspt

Reputation: 969

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..

Upvotes: 2

Views: 953

Answers (5)

Prime
Prime

Reputation: 3625

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>

Upvotes: 1

stanze
stanze

Reputation: 2480

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.

Upvotes: 0

Marin Takanov
Marin Takanov

Reputation: 1138

Put overflow: hidden; in <div class="container"> and it will do the trick. This wont brake when watching it in Chrome.

Upvotes: 0

Wirde
Wirde

Reputation: 410

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; }

Upvotes: 0

Waqar ul islam
Waqar ul islam

Reputation: 498

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;}

Upvotes: 0

Related Questions