Problem on Chapter 3.Page no.79. try it out

black_era · November 27th, 2010, 02:43 PM

Hi.

I have coded as according to the book but still my sidebar is floating left.
Please help

Imar · November 27th, 2010, 03:40 PM

Hi there,

Can you post the code for the page and the CSS file? There might be a simple explanation for this, such as different casing...

Cheers,

Imar

black_era · November 27th, 2010, 03:48 PM

Code:

 <link href="Styles/Styles.css" rel="stylesheet" type="text/css" />
</head>
<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>
        <p>
            We're 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>
    <div id="Sidebar">Sidebar goes here</div>
    <div id="Footer">Footer Goes here</div>
    </div>
    </form>
</body>




CSS 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;
}

black_era · November 27th, 2010, 03:51 PM

If i place <div sidebar below <div menubar and change the CSS value for side bar to float "right" then it works.but thats not according to the book.

Imar · November 27th, 2010, 05:46 PM

Hi there,

Take a look at how you spell MainContent. You have MainContent in your HTML, but Maincontent in your CSS. Since CSS is case sensitive, the rule set defined in the CSS file for Maincontent is not active.

Cheers,

Imar

black_era · November 27th, 2010, 06:16 PM

Hi
It Worked.Thank you so much.Just bought your book today and started working on it.Newys i am following you on twitter as well.Thanks for this great book.

Imar · November 27th, 2010, 06:31 PM

You're welcome. Hope you like it and have fun with it...

Imar