Topic: CSS Background Color not set
I have a layout that looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" href="/favicon.ico" />
<title>The Tommy Bowden Show</title>
<%= stylesheet_link_tag 'clemson_preseason' %>
<%= javascript_include_tag :defaults %>
</head><body>
<div id="container">
<div id="header">
<div id="headerLeft"><%= image_tag 'logo.jpg', :size => "420x106" %></div>
<div id="headerRight">
<%= image_tag('register.jpg', :size => "96x34", :border => "0") %>
<%= image_tag('login.jpg', :size => "96x33", :border => "0") %><br />
<%= link_to(image_tag('ordertickets.jpg', :size => "195x50", :border => "0"), "http://ev12.evenue.net/cgi-bin/ncommerc … xTixButton", :target => "_blank") %>
</div>
</div>
<div id="orangebar"><%= image_tag('orange_banner.jpg', :size => "891x37") %></div>
<div id="content-container">
Doobeedoobee doooo
<%= yield %>
</div>
<div id="splash_footer">
<p>Copyright © 2008 The Tommy Bowden Show. All Rights Reserved</p>
<%= link_to(image_tag('mcg_logo.jpg', :size => "141x32", :border => "0", :mouseover => 'mcg_logo_over.jpg'), "http://www.mcgstudio.com", :target => "_blank") %>
</div>
</div>
</body>
</html>
and the css for the content-container looks like this:
#content-container {
clear: both;
padding-left: 65px;
padding-right: 25px;
background-color: #666666;
height: auto;
}How come the text that is in the content-container gets colored with the background color but not anything that is pulled in from the <%= yield %> ??
