HPをちょっと修正
Posted 2009年9月11日
By 天ぷらてんちゃん
ページによって内容が多いことで縦長になってしまうので、スタイルシートを少し触ることで本文部分だけスクロールができるようにしました。
スタイルシートでmax-heightと設定することで高さの制限を設けることができます。
普通にheightだと、その大きさで固定されてしまうのですが、max-heightを使用すると、本文の内容量が少ない場合はそれに準じた高さしか使いません。そして量が増えてきて設定した高さを超えると、それ以上の高さを確保しないようにします。
これに追加でスクロールの表示や、表示しきれないものは非表示にするなどの設定を組み合わせれば、かなり融通の利く表示方法ができます。
トップページや本日のお知らせ(日ごと)のページに関しては、今までと変わりない表示になっていると思いますが、店紹介やボウリング大会など目次のタイトルの多いページではスクロールがつくようになりました。
でも古いブラウザでは対応してないかも…(^^;