View Single Post
  #1 (permalink)  
Old June 23rd, 2014, 12:52 AM
mohamad mohamad is offline
Authorized User
Points: 76, Level: 1
Points: 76, Level: 1 Points: 76, Level: 1 Points: 76, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Join Date: Jun 2014
Posts: 16
Thanks: 7
Thanked 0 Times in 0 Posts
Default Chapter 3 - Try it out - Styling PW Homepage

Hi there,

While doing the TIO - Styling the Planet Wrox Homepage, the browser(IE8) page does not display correctly as per default.aspx below:-
Styles.css paste below for reference.

I have installed modernizr library to the site, what is wrong?

<%@ Page Language="VB" %>

<!DOCTYPE html>

<script runat="server">

Protected Sub Page_Load(sender As Object, e As EventArgs)

End Sub

<html xmlns="">
<head runat="server">
<style type="text/css">
.auto-style1 {
color: #990033;
<link href="MasterPages/Styles/Styles.css" rel="stylesheet" />
<form id="form1" runat="server">
<div id="PageWrapper">
<header>Header Goes Here</header>
<nav>Menu Goes Here</nav>
<section id="MainContent">

<h1>Hi there visitor and welcome to Planet Wrox</h1>

<aside ="Sidebar">Sidebar Goes Here</aside>
<footer>Footer Goes Here</footer><p>
We're glad you're<span class="auto-style1"> paying a visit</span> to <a href=""></a>, the coolest music community site on the internet. and concert</p>
Feel free to have a look around; there are lots of interesting <strong>reviews and concert pictures</strong> to be found here.</p>


Reference from styles.css

background-color: #C0C0C0;
width: 844px;
height: 86px;
font-family: Arial;
font-size: 20px;
width: 844px;
margin: auto;
width: 844px;
section#MainContent {
width: 664px;
float: left;
background-color: Gray;
width: 180px;
float: left;
background-color: #C0C0C0;
width: 844px;
clear: both;

Last edited by mohamad; June 23rd, 2014 at 12:58 AM..
Reply With Quote