2010-08-04 5 views
0

Ceci est le site je suis en utilisant comme site de test: http://test.pafo.net/pages CSS ne égales même avec le même fichier CSS

Mon problème est que les pages, toi ils sont égaux, ils changent en position. Si vous cliquez sur Seite 2 puis sur Start et que vous continuez à cliquer dessus, vous verrez que le conteneur entier bouge un peu. La seule différence entre ces pages est que Seite 2 a plus de texte d'exemple, rien d'autre.

Qu'est-ce qui cause cela? Ai-je oublié un attribut dans la feuille de style quelque part?

Répondre

5

Seite 2 obtient une barre de défilement. Cela modifie les dimensions de la page. Parce que votre contenu est centré, il semble se déplacer vers la moitié gauche de la largeur de la barre de défilement verticale.

+0

Comment puis-je éviter cela? Avoir l'espace déjà "alloué". – Patrick

+0

L'one-way est d'essayer ce que @KatieK suggère ci-dessous. L'inconvénient est que toutes les pages auront une barre de défilement (activée ou non) si elles sont nécessaires ou non. Une autre façon est de garantir qu'il y aura suffisamment de contenu sur chaque page pour * exiger * une barre de défilement. Les pages qui sont plus courtes que la fenêtre d'affichage sont en fait minoritaires sur le Web. Vos scénarios de test pour les pages autres que Seite 2 reflètent probablement des cas d'utilisation qui ne se produisent pas normalement. Attendez d'avoir du contenu réel et peut-être que vous n'aurez rien à faire. – Robusto

+0

Ok, merci. Je vais essayer avec un contenu réel. – Patrick

1

Si vous ajoutez un dépassement de capacité: faites défiler; à la feuille de style de chaque page, (sur l'élément de corps, par exemple) alors une barre de défilement sera toujours rendu même quand ce n'est pas nécessaire.

Questions connexes