• 文字サイズ


解決済

【楽天】スマホ版ヘッダーデザインについて

  • 相談者:非公開
  • 2018/11/27 20:27
ヘッダーデザインについて
https://ec-tsushin.com/rms_original_header2/
こちらの記事や、
https://ec-tsushin.com/rms_original_header/
こちらの記事を参考にしてcssを書いたのですが

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
どうやっても途中で切れてしまうのですが
何故でしょうか?
どうやったらちゃんと表示できるようになりますか?
キーワード:htmlcssヘッダーデザインスマホ
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
2020年は4月から毎週オンラインにて開催し、1900社が参加された90分で学べる楽天集客対策セミナーですが、アップデートをして2021年も開催いたします。

  • 返信者:非公開
  • 2018/11/28 18:37
ECマスターズの田中です。

いただいたページの手順と照らし合わせてみたところ、
pyonさんの商品ページ共通説明文には、
スタイルシート用の<link………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/28 18:47
スタイルシートは、
https//www.rakuten.ne.jp/gold/SHOP-URL/banner.css
こちらにまとめています☆数字を触った………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/28 18:51
<div id="absoluteBox" =""="">
<div id="headerWrap" =""="">

これを足したら、
もっとぐちゃぐ………(省略)………
  • 返信者:非公開
  • 2018/11/28 18:56
ECマスターズの田中です。

> <div id="absoluteBox" =""="">
> <div id="headerWrap" =""="">………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/28 19:03
スマホ版共通説明文がヘッダーまで上がってきてぐちゃぐちゃになっていたのですが
<div id="absoluteBox" =""="">
を消したら治りまし………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/28 19:13
やってみたら、
</div =""=""></div =""="">
を入れると、共通説明部分に変な空白が出来るだけなので、消しました>< #………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/28 19:26
すみません、見つけました!
RMSのアイフレームのハイトが
200pxに指定されていたので
500pxのアイフレーム内容がバツ切りになっていただけでした(………(省略)………
  • 返信者:非公開
  • 2018/11/28 21:10
ECマスターズの田中です。

無事ご設定いただけて何よりです。

高さ自動調整のためのabsoluteBox・headerWrapを
利用しない形でご………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/29 14:13
エクスペディアでヘッダーは問題無く表示されているとの事でした☆

ちなみに、田中さん的には、

/* -------------------------………(省略)………
  • 返信者:非公開
  • 2018/11/29 21:02
ECマスターズの田中です。

Xperiaで問題なくご確認いただけたということですね、
何よりです。

個人的には、端末の幅に合わせて高さを自動調整で………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/02 19:18
田中さん☆ありがとうございます☆
その後、やっぱ田中さんオススメのBのcssにすることにしました☆

そして本日、アンドロイドの方から、上部切れてるとご連………(省略)………
  • 返信者:非公開
  • 2018/12/03 13:27
ECマスターズの田中です。

ヘッダーの途切れ、および買い物かごの崩れに関して、
原因を確認の上改めてご連絡いたしますので、
お急ぎのところではございま………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/03 13:30
ありがとうございます!よろしくお願いします(>人<;)☆………(省略)………
  • 返信者:非公開
  • 2018/12/03 20:27
ECマスターズの田中です。

大変お待たせいたしました。

スライドバナーが見切れているのは、
スライドバナー用の高さが正しく設定されておらず、
シ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/03 22:08
ありがとうございます☆
明日、また追従と合わせて表示いけてるか聞いてみます♪

私の携帯からは、気になっていた追従の隙間が消えました∩^ω^∩
FBにて………(省略)………
  • 返信者:非公開
  • 2018/12/03 23:00
ECマスターズの田中です。

> 明日、また追従と合わせて表示いけてるか聞いてみます♪

表示結果のご報告、お待ちしております。

> FBにて、以………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/04 11:49
田中さん∩^ω^∩ありがとうございます☆
無事ちゃんと表示されました♪

あ☆そういう事ですね☆すみません、="" 入る事で混乱しておりました(;゚Д゚)………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/04 12:09
あと、ついでばかりで申訳ないのですが・・w

買い物かごと、ご購入手続きへのボタンの高さが
微妙に違うとの事で
こちらを揃えるには、どうすれば良いでしょ………(省略)………
  • 返信者:非公開
  • 2018/12/04 18:51
ECマスターズの田中です。

全部書いていない状態だと大丈夫、というのが、
Aのcssを利用しても大丈夫か、ということでしたら、大丈夫です。
Aのcss………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/12 12:51
田中さん∩^ω^∩ありがとうございます☆
バタバタしすぎて遅くなりました(;´Д`)

いえ、
<div id="absoluteBox" =""=""………(省略)………
  • 返信者:非公開
  • 2018/12/13 15:40
ECマスターズの田中です。

返答が遅れてしまい、申し訳ありませんでした。

> (HTMLタグ省略)を書いてなければ、Bを使って大丈夫なのかなーと、、………(省略)………