width:100%を指定してあるブロックの下にもう一つブロックを作り、そこでpaddingをすると良かった。なんかもっと洗練された方法がある気がするけど。
タグのついた記事 css
ブラウザのフォント拡大機能を使うとカラム落ちする場合は
俺の場合、最上位のdiv(col1,~5)にoverflow:hiddenを指定することによって解決された。http://www.tagindex.com/stylesheet/box/overflow.html
IE7においてul要素の下に謎の隙間が出ていたけど
CSS側に問題があると踏んでいろいろ試していたけど、ふと思いつきHTML側でulの中にあった改行を全部消したら隙間は消えた。くだらない。
CSSにおいてリスト要素(ul,liなど)を横に並べたいときは
二つの選択肢がある。
一つ目はdisplay:inlineを指定すること。
二つ目はfloat:leftを指定すること。
(どちらもliのほうに指定)
今回はなんかfloat:leftでトラブルが発生したからdisplay:inlineを使っている。どんなトラブルかは忘れた。