ぱっと見なにも変わっていませんが大きな変化が起きました！
「なんやねん！」って思う方は是非スマホから見てください！そうなんです！今まで表示が崩れてしまう原因になっていたtableを使用するのをやめたのです！！！
なぜはじめからdivで書かなかったのだ自分…。
ってことでdivで書きました！具体的には１個１個のパーツの幅をdivで指定しているのでページの幅が変わっても安定して表示されます。臨機応変にパーツが組変わってくれるのです。
これは素晴らしいですね！
今回使ったのはこのコード！
.twoblockinfo {
background-color: rgba(0,0,0,0);
position: relative;
float: left;
display: block;
border: 1px solid #e6e6e6;
width: 476px;
height: 320px;
margin: 1px;
}
.oneblockinfo {
background-color: rgba(0,0,0,0);
position: relative;
float: left;
display: block;
border: 1px solid #e6e6e6;
width: 236px;
height: 320px;
margin: 1px;
}
珍しく引用元や参考サイト無しでのコードです！
サークルでのWEB係を退いた2013年の夏以来ですね、こんなに自分でcssとじゃれ合っているのは。
さてさて。
こうした事によってページの幅を狭めた時にほら！
勝手に良い感じにfitしてくれました！
みなさんもtableが上手く使えないときはもういっそdivで書いてしまいましょう。
最後まで読んでいただきありがとうございます。もしこの記事を気に入って頂けたようであればシェアをお願い致します。非常に励みになります。
Related posts:
メニューバーを可愛くする。
【javascript】【css】犬のメニューバーをお絵描きしました！
【wordpress】facebookページのイイネ！欄を作成する。【手書き】
【wordpress】個別投稿ページにレコメンド擬きを表示する！【php】
【wordpress】カテゴリ別記事一覧を作成する。【不具合は自己責任でお願いします】
【wordpress】excerpt.phpを使おう！【応用編】
【css】イメージマップをレスポンシブル化する！【js】
blogの背景を可愛くする。
【ruby】twitterのTLを読み込む。【初心者】
【ruby】他人のタイムラインを読み込む。【初心者】
【ruby】twitterに投稿する。【初心者】
【wordpress】excerpt.phpを使おう！