• 文字サイズ
  • 小
  • 中
  • 大


解決済

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

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

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
どうやっても途中で切れてしまうのですが
何故でしょうか？
どうやったらちゃんと表示できるようになりますか？
キーワード：html、css、ヘッダー、デザイン、スマホ

投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも！？
ネットショップでお悩みがある方はまずはセミナーへご参加ください！
セミナー詳細はこちら

  • 返信者：非公開
  • 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
あと、ついでばかりで申訳ないのですが・・ｗ

買い物かごと、ご購入手続きへのボタンの高さが
微妙に違うとの事で
こちらを揃えるには、どうすれば良いでしょ………（省略）………
  • 返信者：非公開
  • 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を使って大丈夫なのかなーと、、………（省略）………
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す