フローティングヘッダの高さ取得について

Question

スマホサイトを制作中で、フローティングでヘッダーを上部に固定したいのですが、
ヘッダーがメディアの幅で可変するため高さも可変してしまいます。
ヘッダーの高さが増えると下に表示しているコンテンツが隠れてしまうため、
高さを取得して、下のコンテンツのマージントップなどを設定したいのですが、可能でしょうか。

もしくはフローティングヘッダーの下にコンテンツがくるような指定など教えていただければと思います。

フローティングヘッダは楽天ゴールド内のページとRMSのスマホページ両方で使用したいと考えています。

Answer

ECマスターズの田中です。

楽天ゴールドで作ったフローティングヘッダーを、
楽天ゴールド内のページで使う際には、
JavaScriptを使うことで取得ができるのですが、

商品ページ等、rakuten.co.jp内のページは
楽天ゴールド（rakuten.ne.jpドメイン）とドメインが異なるため、
セキュリティの問題から、ページ内容の高さが取得できません。

代替案として、メディアの幅によって、
コンテンツの高さが影響されないように
ご設定いただくのはいかがでしょうか。

たとえば、バナーなどの画像を横幅100%で設置されている場合は、
iPhone4,5などの画面サイズである
横幅320ピクセルでご設置いただき、
中央揃えで表示させることにより、
ある程度広い画面サイズになっても、画像のサイズは変わらず、画面中央に表示されます。

Answer

ご提案頂いた代替案のサイズを固定できるデザインにすることにしました。
画像やテキストが可変しないように修正して問題を解決いたします。
ありがとうございます。