2014-09-26 46 views
0

我創建了一個網站,但是當我縮小瀏覽器時,網站保持原位,除了表格。如何阻止表單移動

如果有人知道我如何阻止表單移動,我將非常感激。

我已經試過位置:相對和白色空間:no-wrap;但仍然沒有運氣。

在先進的感謝

獨特

我的代碼: http://jsfiddle.net/r5cu1157/

#form-holder { 
float: left; 
width: 400px; 
height: 400px; 
padding-left: 100px; 
padding-top: 30px; 
display: block; 
*display: block; 
white-space: nowrap;} 
+0

你是什麼意思「移動」?在哪個方向移動? – msturdy 2014-09-26 17:43:55

+0

我認爲你想要一個響應式的表單,嘗試使用一些CSS框架像引導或基礎,希望這可以幫助 – kaseOga 2014-09-26 17:53:44

回答

0

如果你想形式來中心對齊,然後做一個

Margin: 0 auto; 

去除浮離開,我會建議遠離指定元素的高度

http://jsfiddle.net/r5cu1157/1/

+0

沒有工作:(感謝您的快速回復 – Unique 2014-09-26 18:35:05

0

這是我有我的容器保存我的桌子和形式的CSS,可以嘗試使用它爲您的形式,我相信這是位置和保證金的混合:

.container 
{ 
position: relative; 
top: 250px; 
background-color: #877CB0; 
margin:0 auto; 
text-align: center; 
} 
+0

沒有工作:(感謝您的快速回復 – Unique 2014-09-26 18:35:33