このたびは、『初心者からちゃんとしたプロになる HTML+CSS標準入門』をご購入いただきまして、誠にありがとうございます。
本書のLesson4-02(109〜113ページ)の解説内容にあるソースコードに誤りがございました。
CSS GridをIE 11に対応させるためには、ベンダープレフィックスの記述が必要になります。
IE11にはアイテム同士の間隔を指定するgrid-gapが効かないため、画像同士の隙間部分もグリッドの箱として配置する必要があります。そのため、IE11用の記述(-ms-gridcolumnsと-ms-grid-rows)の値に、1つおきにgrid-gap」と同じ数値を記述します。
また、偶数行目、偶数列目はIE11用の隙間を作るための箱になるので、奇数行目、奇数列目に要素を配置します。
以下に修正したPDFを用意させていただきましたので、ご利用いただけますようお願い申し上げます。
○訂正箇所:図2、図3、図4のCSS
○修正PDFのダウンロード:
4-02_teisei.pdf(約1.1MB)
ご迷惑をおかけいたしまして誠に申し訳ございません。
訂正してお詫びいたします。