• 文字サイズ
解決済

イベント告知君と検索窓を平行に並べて表示するには

  • 相談者:非公開
  • 2019/02/08 11:15
お世話になります。
イベント告知君と検索窓を平行に並べたいのですが、うまく表示できません。
どこが間違っているか教えて下さい。よろしくお願いいたします。

<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box_scroll.html?entry=on" width="510" height="75" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0"></iframe>

<!-- イベント告知君と検索窓 -->
<style>.emRPBandSearch{display:flex;justify-content:space-between;max-width:800px;}.emRPB{margin:0;padding:0;flex:0 0 510px;}.emSearch{width:calc(100% - 525px);}.emShopSearchForm{width:100%;margin:0;}.emShopSearchForm > *{vertical-align:bottom;box-sizing:border-box;}.emShopSearchInput{width:calc(100% - 45px);height:38px;border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:12px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.emShopSearchButton{border:none;border-radius:3px;width:48px;height:38px;margin-left:-3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}</style><div class="emRPBandSearch"><div class="emSearch"><form class="emShopSearchForm" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" method="get" target="_top" accept-charset="EUC-JP"><input name="sid" type="hidden" value="332485"><input name="sitem" class="emShopSearchInput" type="text" size="40" placeholder="ショップ内から探す" value=""><button class="emShopSearchButton"></button></form></div><div class="emRPB"></div></div>
<!-- /イベント告知君と検索窓 -->
キーワード:イベント告知君検索窓
投稿内容について報告する




  • 返信者:非公開
  • 2019/02/08 14:47
ECマスターズの田中です。

<div class="emRPB"> と </div> の間に
イベント告知君用のタグが記載されていないことが原因です。 ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/08 19:08
解決しました。
ありがとうこざいます。
今後とも よろしくお願いします。………(省略)………