Container div woe

**javascriptlover** · 12-05-2008 02:55 PM

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}

**LeeU** · 12-05-2008 03:44 PM

Use this:

Code:

body {
  margin:50px 0;
  color: #000; /* you should always specify the color when you specify the background-color, and vice-versa  */
  background-color:#7FFFD4;
}

	
#container {
	width:700px;
	margin: auto;
	padding:10px;
}

BTW, you don't need to specify the unit of measurement for "0". Also, if the top and bottom margins are the same, and the right and left margins are the same, you can do them as above.

Thread: Container div woe

Thread Tools

Display

Container div woe

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions