ブログ

追従バナー（ボタン）のレイアウトについて

初めて参加させていただきます。
色々と不手際があったら都度ご指摘いただけますと幸いでございます。

【現状】
今回、問い合わせのCVをあげるためにフローティングバナーを下につけようと思い、色々模索していたのですが元々のCSSの設 定でaspect_ratioがある関係でか、バナーを横並びにしたときに1番目に貼ったバナーに対して更に同じ倍率で縮んで表 示されてしまう（一回り小さく表示されたような形です）状態です。
また、paddingやmarginの指定が無いのにbottom:0に設定をしても下に隙間が出来てしまいます。
くわしくは添付画像をご参照ください。

【やったこと】
・reset.cssからimgだけをリセット。
・imgで直接画像を指定
・bottomをマイナスにしてみる。
・バナーがおかれているテーブルのクラスに対し、aspectratioをバナーの比率で指定

【実現したい事】
・画像を同じ大きさで横並びにしたい
・画像の隙間をなくしてフッター下部に固定したい

■使用テンプレート
PC版：lf_forest
スマホ版：custom_green

何卒お知恵を拝借できればと思います。
尚、当事務所のブログURLは下記になります。こちらのスマホ版での詳細記事での表示についてになります。
▶https://tortips.blog.fc2.com/

2023年10月19日 15:10  by Duelパートナー法律事務所