2010-08-04 103 views
0

這等於是我使用的測試站點的站點: http://test.pafo.net/CSS網頁甚至沒有使用相同的CSS文件

我的問題是,網頁,甚至你他們是平等的,他們的位置發生改變。 如果您點擊Seite 2然後點擊開始,並繼續點擊它們,您將看到整個容器正在移動一點點。

這些頁面之間的唯一區別是,Seite 2有更多的示例文本,沒有別的。

這是什麼造成的?我忘了樣式表中的某個屬性嗎?

回答

5

第2頁得到一個滾動條。這改變了頁面尺寸。由於您的內容居中,它似乎移動到垂直滾動條寬度的左半邊。

+0

我該如何避免這種情況?有空間已經「分配」。 – Patrick 2010-08-04 20:26:11

+0

一種方法是嘗試下面的@KatieK建議。缺點是所有頁面都會有一個滾動條(啓用或不啓用),無論它們是否需要。另一種方法是確保每個頁面上都有足夠的內容來*需要滾動條。比視口短的頁面實際上在Web上是少數。除了Seite 2以外,您的測試用例可能反映出通常不會發生的用例。等到你有真正的內容,也許你不需要做任何事情。 – Robusto 2010-08-04 20:54:10

+0

好的,謝謝。將嘗試一些真實的內容。 – Patrick 2010-08-05 11:16:28

1

如果添加overflow:scroll;到每個頁面的樣式表(例如在body元素上),那麼即使沒有必要,滾動條也會一直呈現。