はじめまして。
コピペOKのCSSコードを拾ってきてはカスタマイズしている程度の素人です。
無料とは思えないテーマ、そしてフォーラムを作っていただきありがとうございます。
今回の状況を不具合と呼んでいいのかも悩みましたが、とりあえずこちらに書かせていただきます。
画像に関わる部分ですが、IEのみ表示がおかしくなります。
IE11.950.17134.0
対象となるサイトのURLです。
https://sakura-cast.com/
以下の部分で意図しない表示になってしまいます。
1.サイトロゴ部分。
以下のように追加CSSにて縦位置を指定していますが、IEのみ効果がなく、上に寄ったままです。
.logo-header img{
vertical-align:middle;
}
2.フロントページ中段辺りの「MAIN CONENTS」
3カラムで画像を並べていますが、IEのみ巨大化してはみ出してしまいます。
3. https://sakura-cast.com/recruit/#toc5
上記の部分で、「メディアと文章」にて画像と文章を横並びさせていますが、IEに関しては、モバイル版の「モバイルで重ねる」指定をしたような、画像がカラム幅いっぱいに拡大表示されその下に文章がくる縦並びになってしまいます。
実際に「モバイルで重ねる」設定にしていますが、これを解除しても表示は変わりませんでした。
4.投稿ページのアイキャッチ画像
「アイキャッチの中央寄せ」設定にしていますが、IEの投稿ページに関してのみ、設定が反映されず、左寄りのままです。
もしかすると固定ページでも左寄りなのかもしれませんが、アイキャッチ画像自体が大きいためか、見た目には分かりません。
以上、chrome、edge、iPhoneでは意図した通りに表示されていますが、IEだけがおかしいという状況です。
同じような状況の方がいないか検索してみましたが、似てるようで違うかなと思うものしか見つけられず、それぞれの対処法は試していないのが現状です。
何かしら対策をご教授いただければ幸いです。
よろしくお願いします。