2012-04-08 89 views
0

我在a website上工作,我必須在菜單下添加廣告,但它們應該與左側的菜單對齊。我嘗試將填充應用於廣告,但當我增加或減少頁面大小時(CTRL+CTRL-),它會導致問題。有沒有一種方法可以將它與菜單對齊,並保持它與所有瀏覽器對齊?如何將廣告與菜單對齊?

在此先感謝。 這裏是我做的,

ads{ 
padding-left:170px; 
} 
+0

我只是不明白爲什麼div.ads沒有被div.content包圍。 – roger 2012-04-08 15:24:32

+0

你想要那些廣告? – Jack 2012-04-08 15:34:02

+0

@Pankaj:就在菜單下方,菜單的填充與菜單相同。 – 2012-04-08 15:34:55

回答

2

好的,因爲你已經改變了你的代碼,在輪廓div上應用這個CSS。

#header .outline { 
    margin: 0 auto; 
    padding-top: 10px; 
    position: relative; 
    width: 960px; 
    z-index: 15; 
0

使用

<style type="text/css"> 
ads 
{ 
float:right; 
} 
</style> 

希望這會幫助你。

+0

不,它沒有奏效。它將廣告向右移動。 – 2012-04-08 15:15:54

1

通過使相對菜單中的位置屬性和廣告絕對

#menu{ 
position:relative; 
width:80%; 
left:10%; 
} 
#ads{ 
position:absolute; 
top:0px; 
width:80%; 
left:10%; 
} 

與此代碼怎麼過你修改瀏覽器的放大它會在一起:) 希望對您有所幫助,祝你好運

+0

感謝您的回答:) – 2012-04-08 16:32:49

+0

歡迎您 – Med7at 2012-12-11 11:13:22