Hello There.
First I would like to say, that this book is awesome, very insightful and well written.
However I have one problem. I am working my way through Chapter 3: Working with CSS in Visual Web Developer. The Footer is not positioned correctly like the example in the book. The Footer appears under "Hi there visitor and welcome to Planet Wrox" but before the paragraph. I have doubled checked the CSS file and code inside the default page. Maybe I am missing something, if anyone could help, that would be greatly appreciated.
Charles
Code:
<body>
<form id="form1" runat="server">
<div id="PageWrapper">
<div id="Header">Header Goes Here</div>
<div id="MenuWrapper">Menu Goes Here</div>
<div id="MainContent">
<h1>Hi there visitor and welcome to Planet Wrox</h1>
</div>
<div id="Sidebar">Sidebar Goes Here</div>
<div id="Footer">Footer Goes Here</div>
<p>
We are glad you're <span class="style1">paying a visit</span> to
<a href="http://www.PlanetWrox.com">www.PlanetWrox.com</a>, the coolest music
community site on the Internet.</p>
<p>
Feel free to have a look around; there are lots of interesting<strong> reviews
and concert pictures</strong> to be found here.</p>
</div>
</form>
</body>
CSS File
Code:
#Header
{
background-color: #C0C0C0;
width: 844px;
height: 86px;
}
*
{
font-family: Arial;
}
h1
{
font-size: 20px;
}
#PageWrapper
{
width: 844px;
}
#MenuWrapper
{
width: 844px;
}
#MainContent
{
width: 664px;
float: left;
}
#Sidebar
{
background-color: Gray;
width: 180px;
float: left;
}
#Footer
{
background-color: #C0C0C0;
width: 844px;
clear: both;
}
#MainContent a
{
color: #008000;
text-decoration: underline;
}
#MainContent a: visited
{
color: #FF0000;
text-decoration: underline;
}
#MainContent a: hover
{
color: #FFA500;
text-decoration: underline;
}