Menu
Hi,
I’ve placed a “container” div inside the entire body, encompassing all html elements. Despite this, I can’t its background colour to apply to all those elements. Anybody know how I’m causing only part of the html to be effected?
Thanks
[code]
<body>
<div id=”container”>
<div id=”image”>
<img src=”labradoodle.gif” alt=”labradoodle”>
</div>
<div id=”introduction”>
<h1>The Labradoodle</h1>
<h2> Labradoodles are popular household pets, offspring of a poodle/labrador cross. </h2></div>
</div>
<div id=”info”>
<p>They are beloved in Japan especially, and have taken on popularity in the west since Orlando Bloom famously was seen purchasing one in a downtown Hollywood pet boutique.</p>
</div>
</div>
</body>
and the CSS:
[code]
body {
margin:50px 0px 50px 0px}
#container {
width:700px;
margin: auto;
padding:10px;
background-color:#7FFFD4;
}
#image{float:left; margin: 10px 20px 10px 10px}}
#introduction{padding: 30px 30px}
#information{width:600px; margin:auto}