Blogspots小部件的奇怪問題CSS position：fixed;和Chrome

我已經在我的博客http://kasperikoski.blogspot.fi中添加了一個新的小部件，它基本上通過使用「添加HTML /腳本」作爲菜單工作。該代碼是博客HTML/CSS：Blogspots小部件的奇怪問題CSS position：fixed;和Chrome

.menukadn { 
line-height: 1; 
} 

a.limeka, a.limeka:visited, a.limeka:active { 
font-family: 'Maven Pro', sans-serif; 
font-size: 30px; 
font-weight: bold; 
color: #bbb; 
text-decoration: none; 
text-transform: uppercase; 
transition: color 150ms linear; 
letter-spacing: -0.090em;

}

a.limeka:hover { 
color: #21a97e; 
transition: color 150ms linear;

}

而對於WIDGET：

<div class="menukadn"> 
<a href="https://www.facebook.com/Kadnnn" class="limeka" title="" target="_blank">Facebook</a> 
<br/> 
<a href="http://instagram.com/kasperikoski" class="limeka" title="" target="_blank">Instagram</a> 
</div>

當我嘗試添加的定位就是這樣，

.menukadn { 
line-height: 1; 
position: fixed; 
}

或alternativly到widget DIV＃HTML1本身：

#HTML1 { 
position: fixed; 
}

它完美的作品在Mozilla Firefox瀏覽器，但在Chrome我的小部件＃HTML1位於approximatly 800像素權從那裏應該是（列左外），就在內部身體左邊界旁邊。任何想法都可能存在一些導致矛盾的其他代碼？

來源

2013-04-20 Kasperi Koski

我想解決你的問題，但我沒有看到對您的小工具現場。 – user850010 2013-04-20 17:00:32

user850010嘗試使用Google Chrome。它在那裏，但它是在屏幕左側500-800像素的地方。如果您願意爲我提供幫助，請告訴我。 – 2013-04-21 12:31:01

試試這個：

對於＃HTML1刪除margin-left: -672px;並添加left:0px

對於.menukadn添加margin-left: 250px

來源

2013-04-20 12:45:08 user850010

我試過了，但現在它的行爲就像「絕對」一樣。其他想法？我也可以在這裏將整個XML集中到一起...... 這是我的XML博客模板7zipped [http://www.kolumbus.fi/kadn/blogtemplate.7z] – 2013-04-20 13:05:40

http://www.kolumbus.fi /kadn/blogtemplate.7z – 2013-04-20 13:11:15

試試這個： For＃HTML1 remove margin-left：-672px;並添加左邊：0px 對於.menukadn添加頁邊距：250px 這也沒有效果。請立即查看結果。 – 2013-04-21 13:16:50

Blogspots小部件的奇怪問題CSS position：fixed;和Chrome

回答

相關問題