8
votes

Espace blanc sous pied (et corps) en chrome

Lorsque j'ajoute que j'ajoute CSS:

body {
overflow-x: hidden;
}


9 commentaires

Est rare, mais quand je désactive la minute de la largeur: 960px; du "corps" ... l'espace en dessous de DissAppear: S


La question est mise à jour ...


Votre URL de démonstration ne fonctionne plus ... l'esprit le republie?


Mon erreur, désolé de ça ... Link est changé ...


Veuillez poster votre balisage ici, pas dans un lien externe (pour cette raison exacte). Cette question sera annulée si ce lien se casse pour les futurs lecteurs.


C'est un peu délicat, ce site Web a été créé via Drupal et le thème a été créé à l'aide d'Omega Tools ...


Comme le gorostad a mentionné, essayez de supprimer corps.front, corps.page-node-18 {Overflow-X: caché; } et ajouter .page {débordement: caché;}


Il pourrait y avoir une div cachée avec une plus grande hauteur que son parent. Traiter avec cette div.


Jetez un coup d'œil à ce problème GITHUB: GITUB.COM/MATTHIEUA/WOW/PLULD/ 60 # Issuecomment-40238961 . Fondamentalement, WOW s'applique avant que Chrome ne puisse terminer ses animations. Quelque chose comme ça devrait aider cependant.


10 Réponses :


1
votes

Vous devrez dégager un style de navigateur par défaut avec un normaliste tel que http: // NECOLAS. github.io/normalalize.css/


0 commentaires

2
votes

Utilisez ce code dans votre étiquette de tête

<script type="text/javascript">


 jQuery(document).ready(function(){

var docheight = jQuery(document).height();
var bodyheight = jQuery('body').height();
var bodywidth = jQuery('body').width();


/*alert(docheight+'--'+bodyheight);*/

if (bodyheight < docheight && bodywidth >= 1000) {

    $(".footer-class-name").css('position',"absolute");

    }


});
</script>


0 commentaires

1
votes

Vous pouvez ajouter cette ligne dans votre fichier CSS. L'espace blanc ne sera pas affiché:

div#goog-gt-tt{
display:none;
}


0 commentaires

1
votes

Suppression de CSS:

body{
    overflow-x: hidden;
}

.front, body.page-node-18{
    overflow-x: hidden;
}


1 commentaires

Essayez supprimer le corps {min-largeur: 960px;}



1
votes

Avec un peu de test, j'ai compris que si vous n'appelez pas le neuf wow (). init (); alors la page affiche OK dans Chrome sans l'espace supplémentaire sous le pied de page.

Cela me dit qu'il existe une sorte d'incompatibilité avec votre mise en page et la façon dont la bibliothèque WOW fonctionne dans Chrome.

Peut-être que vous pouvez concentrer vos efforts là-bas ou élever un rapport de bogue dans la page GitHub de WOW si c'est en effet un problème avec WOW et Chrome à https://github.com/matthieu /wow


0 commentaires

2
votes

Essayez d'ajouter ceci à votre CSS

.page{
    overflow:hidden;
}


0 commentaires

1
votes

Définir dans CSS

#omega-media-query-dummy
{
float:left;
}


1 commentaires

Cela semble être le moyen le plus simple de résoudre ce problème.



3
votes

Problème:

Le problème semble provenir de l'animation bounceinup code> étant appliqué sur .la-tekst a code>. p>

L'animation Est-ce que ce qui suit: p> xxx pré>

peut-être peut-être un effet secondaire du inline-block code> ( .La-tekst a code> est défini sur Affichage: Inline-Block; Code>), mais l'élément d'ancrage occupait à la fois son espace d'origine et l'espace défini à partir de 0% de l'animation code> Bounceinup code>.

Solutions: H2>

Appliquer Overflow: masqué > à l'un des éléments suivants fonctionnera p>

(Choisissez un sélecteur) P> xxx pré>

ou h3>

Modifiez la zone de liaison selon laquelle la balise d'ancrage occupe p> xxx pré>

ou p>

.la-tekst a {
    display: block;
}


0 commentaires

1
votes

position définie sur relatif; sur l'étiquette du corps.

Edit: j'ai essayé à la fois chrome et chrome canari. L'espace blanc disparaît.


0 commentaires

2
votes

J'ai eu le même problème et je l'ai réparé. En ajoutant le style de Footer Div: Style = "Position: Absolute; Largeur: 100%;"


0 commentaires