2011-07-08 34 views
2

我有一個使用AJAX提交的表單。當表單提交時,它會更改爲顯示:none和帶有成功消息的div顯示其位置。Footer正在DIV下

我不確定如何防止這種情況。我知道它的CSS相關。這是該div的CSS

#ajaxform{ 
    position:relative; 
z-index:1 
} 

#ajaxdiv{ 
    display:none; 
    position:absolute; 
    height:auto; 
    width:650px; 
    background-color:#f3f3f3; 
    z-index:10; 
} 

你們會推薦嘗試這樣重疊不會發生。

感謝

回答

2

這裏的問題是,你的#ajaxdivposition:absolute。如果你刪除絕對定位,那麼這應該可以解決你的問題,儘管你可能對元素有絕對的定位是有原因的,在這種情況下,它可能會產生新的問題!

+0

謝謝,我有東西絕對定位,我在一個點測試,但沒有使用它,所以我改變了它=> – L84

+0

高興能夠提供幫助。這是一個很好看的形式。 –

+0

感謝您的幫助和反饋! – L84

1

更改#ajaxdivposition:relative;

也很快供參考:不要用<br />標記來定位的內容。應該使用中斷標籤來指定文本中的中斷位置,以便手動中斷一行文本。用於定位使用填充或邊距。林指的是你有#ajaxdiv容器

+0

感謝br標籤上的信息。我忘了回去分配一些CSS來代替休息。現在應該做,雖然=>一邊注意,我必須做的地方是「藝術家」部分,我使用jquery循環插件。爲什麼在使用循環時,它會在文件頭下啓動文檔。它之前沒有這樣做。 – L84

1

上述兩個<br />標籤你有一個div

如果添加最小高度:100像素,那麼它似乎顯示了不削波。

<div class="box_fullwidth" style="min-height:100px"> 

我剛剛註冊並使用div代碼進行播放。

我也刪除了2換行符