wrapperが途中までしか効かず、ul liタグまで全体にかかってくれず解決策を探しています。
html
1<div id="wrapper"> 2 <section> 3 <h2>Portfolio</h2> 4 <ul id="gallery"> 5 <li> 6 <a href="g1.jpg"> 7 <img src="g1.jpg" alt=""> 8 <p>Pink bubble.</p> 9 </a> 10 </li> 11 <li> 12 <a href="g2.jpg"> 13 <img src="g2.jpg" alt=""> 14 <p>Green bubble.</p> 15 </a> 16 </li> 17 <li> 18 <a href="g3.jpg"> 19 <img src="g3.jpg" alt=""> 20 <p>Blue bubble.</p> 21 </a> 22 </li> 23 <li> 24 <a href="g4.jpg"> 25 <img src="g4.jpg" alt=""> 26 <p>red bubble.</p> 27 </a> 28 </li> 29 </ul> 30 </section> 31 </div>
css
1body { 2 font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", sans-serif; 3 background: #ddd; 4 font-size: 14px; 5} 6#wrapper { 7 max-width: 900px; 8 margin: 0 auto; 9 background-color: #fff; 10}
ググったりして、中央よせにするとこまではできたのですが、バックグラウンドカラーが下までいきません。
ご教示いただけたら幸いです。
すみませんが何卒よろしくお願いいたします。