I've been working on some basic CSS to set up a layout with a header, navigation, main column, sidebar, and footer. While I can see the layout, I'm struggling to change the colors as intended. Despite my efforts to make everything Blue, the footer remains unchanged. Could I have inadvertently removed something essential for MVC3 and Razor? I also noticed that if images weren't placed under Content, they wouldn't show up.
Below is the CSS code:
body, html {
margin:0;
padding:0;
color:Blue;
background:Blue;
}
#wrap {
width:750px;
margin:0 auto;
color: Blue;
background:Blue;
}
#header {
padding:5px 10px;
background:Blue;
}
h1 {
margin:0;
}
#nav {
padding:5px 10px;
background:Blue;
}
#main {
float:left;
width:300px;
padding:10px;
color:Blue;
background:Blue;
}
h2 {
margin:0 0 1em;
}
#sidebar {
float:right;
width:410px;
padding:10px;
color:Blue;
background:Blue;
}
#footer {
clear:both;
padding:5px 10px;
background:#ddd;
}
#footer p {
margin:0;
height: 1px;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav li {
display:list-item;
margin:0;
padding:0;
}