IE11、マジで勘弁してください。

f:id:Kawan0116:20200117153857j:plain

かわんです。

昨日からサクッとホームページ制作をしています。ホームページはChrome、Firefox、Edge、IE11で表示確認しているのですが、IE11だけアウト・・・。

確実にgridが使えません。ならFloatで作ればいいやんというお話になりますが、gridが使えるとレスポンシブにしやすいので・・・。

なので、どうしてもgridを使う必要があるのです。

もちろん、floatを使うことは出来るのですが、まぁ、めんどくさ(笑)。

全体の幅から各ブロックの幅を計算しないといけない。マージンも考えて・・・。あと、仮に3ブロックを横に並べる時、最後のブロックはネガティブマージンにしないといけない。計算がめんどい(笑)。

考えただけで吐き気がします(笑)。

gridだと2~3行書けばOK。かなり楽だ(笑)。

ところが・・・

先ほど書いたようにIE11で問題発生。girdが使えません・・・。前も経験したけど、今回もやはりそうかって話になりました。ではどうやってブロックを横並びにするか・・・。そこはやっぱりfloatを使う必要があります。

floatを使えば、ちゃんと横並びに出来ます。ただし、マージンを考えてという感じです。

幅はどうするのかというとパーセントで指定します。ページ全体の幅は特に指定せず、画面の左右にマージンを取っているだけなので・・・。

なので、パーセントが便利。マージンはコンマ単位で調整していきます。

最終的にこれでOKでした。

IE11、マジで勘弁だという感じですが、やはりIE11のことも考えてホームページを制作していく必要があるのかと・・・。

今、抱えている案件は、Chromeとスマホ対応のみでOKと言われてるんですけど、そこはプライドが許さない(笑)。

なので、IE11でもちゃんと表示確認します。

あ、ホームページ制作は、HTML、CSS、jQueryで制作します。スクールと独学でマスターしました。あ、jQueryは完璧ではないですけどね。分からないところがあれば、その都度グーグル先生に聞く感じにしています。

これで何とかイケている状況。

予算的にそんなに時間をかけることが出来ないので依然作ったテンプレを使います。コンテンツが届いたらサクッとテンプレに流し込む感じです。これで納期を短縮。いい感じだ。

とりあえず、サクッとホームページ制作をします。

おしまい。