HTML/CSSの配置に関する問題

Question

私は.pngの画像と-moz-borderのCSSのトリック(div id=gholder)で作成したグラフの画像表現を持っています。グラフの位置を画像の位置にしたいと思っています。絶対タグ/相対タグを使用していますが、2つのタグを使用すると問題があります。私は、このCSSコード

#gholder { 
    float: left; 
    bottom: 460px; 
    left: 60%; 
    position: relative; 
} 

を使用するとサイトがフッター以下の大きなスペースを示し、相対的なコードを使用するときに大きなスペースを削除する方法はありますか？

Answer 1

相対的な位置付けは、要素が元々あった場所を常に残します。絶対パスを使用すると正しく動作するはずです。

`#gholder { bottom: 460px; left: 60%; position: absolute;}` 

また、floatタグは必要ありません。

メインのコンテンツのdiv行を両方のdivの幅に伸ばしたい場合は、コンテンツとグラフの両方を含むdivを作成し、定義した幅に設定してそれの上部と下部のライン。

次に、div内でコンテンツdivの幅を定義して配置し、グラフdivに対して同じ操作を行います。

考えてみましょう。