CSS便利に - Google+ボックスポジショニング

Question

私がホームページにG +ボックスを追加し、私は増加またはブラウザのページのサイズを縮小する場合、ウェブサイトのコンテンツが同じ場所にとどまることに注意してください - しかし、G +ボックスが移動し、内容をカバーしています。バッジをブラウザではなくコンテンツに関連して修正するにはどうすればよいですか？

サイトHere

CSS：

html { 
height:100%; 
} 

body { 
background:#000; 
margin: 0; 
padding: 0; 
height:100%!important; 
min-height:750px; 
min-width:980px; 
} 

object, embed { 
vertical-align:top; min-height:750px; outline:none; margin: 0; padding: 0; 
} 

div { 
height: 100%; 
} 

img { 
border:none; vertical-align:top 
} 

.aligncenter { 
text-align:center; 
} 

.google { 
right: 150px; 
top: 600px; 
position: fixed; 
height: 60px; 
border: 0; 
} 

迅速な（そしておそらく汚い）

Answer 1

あなたが同じ場所に常にG +ボックスを維持したい場合は、なぜフラッシュ、ロゴの相対配置されたコンテナを作成し、絶対ではないG +のための1つの内側に配置？あなたのG +ボックスがdoesn't（フラッシュはちょうど中央に配置されますがdoesn't変化幅）ので、あなたはそこに何の制約を持たない動的な幅を持っている必要があります。または私は何かを逃していますか？

.container { 
position:relative; 
} 
.google { 
position:absolute; 
left: 600px; 
top: 600px; 
height: 60px; 
border: 0; 
} 

Answer 2

一つの修正は割合としてrightとtopまたは多分bottomを指定することです。すなわちright: 15%とbottom: -1% - それは私の最後にまともに見えた。

別の解決策は、単に作品を修正するためにJavaScriptコードのビットを書くことである可能性があります。私はあなたのサイトにこのコードをテストしたhaventは

var windowHeight = $(window).height(); 
var gHeight = $('.google').height(); 
var offset = parseInt(windowHeight) - parseInt(gHeight); 
$('.google').css('top',offset); 

の線に沿って 何か。それは単に一般的な考え方を意味しています。