2017-05-23 2 views
-1

Je ne suis pas en mesure de réparer mon CSS dans http://albertoramacciotti.me Le mot Obert n'est pas au milieu et pas au centre de la section. Sans Javascript fonctionne bien: http://albertoramacciotti.me/without-JS/ Il s'agit de ces divs wrapper créés par le plugin qui détruisent ma page. Quelqu'un pourrait essayer de m'aider, s'il vous plaît?jQuery page entière js fixer mon CSS

+0

partagez votre code ici – brk

+0

pourquoi vous n'utilisez pas la propriété display: flex. C'est la solution la plus simple pour le centrage vertical. Affichage: le centrage vertical de la table est très ancien et mauvais aussi https://css-tricks.com/snippets/css/a-guide-to-flexbox/ –

+0

La solution acceptée n'est pas la bonne. -1 – Alvaro

Répondre

0

D'après ce que je peux voir - votre javascript ajoute un div (.fp-tableCell) dans votre section pour lui assigner une hauteur qui brise votre jeu de style de table dans la section et le style de table-cellule dans votre div.content.

Ce que vous pouvez faire dans votre CSS est d'attribuer

.fp-tableCell { 
    display: table; 
    width: 100%; 
} 

Cela résoudre votre problème que vous avez en ce moment - mais si tout ce que vous essayez de faire est de créer un conteneur de pleine page - je regarderais dans l'utilisation de la boîte flexible ou peut-être même simplement utiliser height:100vh; pour forcer la section à la hauteur de la page.

+0

Je crois vraiment @Alvaro's answer est plus correct, après tout, c'est leur plugin. Ma classe css résout ce problème spécifique, mais inclure le css du plugin pourrait résoudre un certain nombre d'autres problèmes cachés. La ligne 53 à 58 de ['jquery.fullpage.css'] (https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css#L53) affiche le même correctif – JHEUNG

1

Vous avez oublié d'inclure le fullpagel.js fichier css jquery.fullpage.css

Comme détaillé in the fullpage.js docs:

Comme vous pouvez le voir dans les exemples de fichiers, vous devez inclure:

  • Bibliothèque jQuery. (1.6.0 minimum)
  • Les jquery.fullPage.js fichier JavaScript (ou sa version minified jquery.fullPage.min.js)
  • Le fichier css jquery.fullPage.css
+0

Avoir ou non le fichier CSS fullpage est irrilevant: il ne fonctionne pas encore avec le CSS – user1915335

+0

La solution que vous avez acceptée est juste d'ajouter une partie du CSS manquant que la CSS fullpage ajoute ... Ma solution est la bonne ... – Alvaro

+0

Avoir le CSS activé et pas .fp-tableCell dans mon .css ne résout pas le problème. – user1915335