Hi all,
I seem to be having trouble assigning the font-size:62.5%; property to
the body of my document. Basically, it doesn't seem to be working and
I can't figure out why. The font stays slightly larger than 11px, when
I set it to 1.1em. this has worked fine on other sites, so not sure
why it isn't working here. Any ideas?
Here is the CSS:
/* BODY STYLES */
body {margin:0; padding:0; color:#FFF; font-size:62.5%; background:#EAE7E7;}
* {font-family:Verdana, Arial, Helvetica, sans-serif;}
#leftPanel {width:204px; float:left; font-size:1.1em;}
/* CONTENT */
#content {width:543px; w\idth:503px; font-size:1.2em; float:left;
text-align:left; padding:0 23px 30px 17px;}
Here is the HTML
<!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";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BSix</title>
<link href="/css/main.css" rel="stylesheet" type="text/css"
media="screen, print" />
<script type="text/javascript" src="/includes/scripts.js"></script>
</head>
<body id="home">
<div id="wrapper">
<!--TOP NAVIGATION-->
<div id="topNavigation">
<img id="logoBSix" src="/images/logoBSix.gif"
width="142"
height="72" title="Logo: BSix - Brooke House Sixth Form College"
alt="Logo: BSix - Brooke House Sixth Form College"/>
<em><img id="mainQuote"
src="/images/quoteHighStandarsForAll.gif"
width="247" height="26" title="Quote: High Standards for all"
alt="Quote: High Standards for all"/></em>
<ul>
<li
class="home"><strong><em></em>Home</strong></li>
<li class="college"><a
href="college.php"><em></em>College</a></li>
<li class="courses"><a
href="courses.php"><em></em>Courses</a></li>
<li class="students"><a
href="students.php"><em></em>Students</a></li>
<li class="parents"><a
href="parents.php"><em></em>Parents</a></li>
<li class="apply"><a
href="apply.php"><em></em>Apply</a></li>
<li class="staff"><a
href="staff.php"><em></em>Staff</a></li>
</ul>
</div>
<!--LEFT NAVIGATION-->
<div id="leftPanel">
<!--LINKS-->
<!--Find the course for you-->
<ul>
<li class="first">
<a href="/"><img
src="/images/leftPanel/leftLinkFindTheCourse.gif" alt="Find the course
for you" /></a>
<p>
Search our brilliant portfolio
of academic and
vocational courses to find the
one that suits
your needs and ambitions.
</p>
<form action="post" method="get" name="selectCourse"
id="selectCourseForm">
<select name="courses">
<option>Select one of our
courses</option>
<option>course
one</option>
<option>course
two</option>
</select>
</form>
</li>
<li>
<a href="/"><img
src="/images/leftPanel/leftLinkTakeATour.gif"
alt="Take a tour of BSix" /></a>
<p>
You'll be impressed by the
facilities we offer at
BSix – see for yourself…
<a class="arrowLink" href="/">Virtual
Tour</a>
</p>
</li>
<!--Get Prospectus-->
<li>
<a href="/"><img
src="/images/leftPanel/leftLinkGetProspectus.gif" alt="Get Prospectus"
/></a>
<p>
<a class="arrowLink"
href="/">Download PDF</a>
<a class="arrowLink" href="/">Email
us a request</a>
</p>
<p>
Call us <strong>FREE</strong>
on<br/>
0800 3892 947
</p>
</li>
<!--Student Room-->
<li>
<a href="/"><img
src="/images/leftPanel/leftLinkStudentRoom.gif"
alt="Student Room" /></a>
<p>
Access BSix's student intranet.
Log
in or <a class="textLink"
href="/">register here</a>
</p>
<form
action="http://www.brookehouse.ac.uk/intranet/login.asp";
method="post" name="login_form" id="login_form">
<label
for="username">Username</label>
<input id="username" type="text"
name="user_name" size=""
maxlength="" value=""/>
<label
for="password">Password</label>
<input id="password" type="password"
name="password" size=""
maxlength="" value=""/>
<input name="submit" type="submit"
id="submitButton_replace"
value="submit" />
</form>
</li>
</ul>
<!--CONTACT DETAILS-->
<div id="contactArea">
<h2><img
src="/images/leftPanel/leftTitleContactUs.gif"
alt="Contact Us" /></h2>
<h3>Address:</h3>
BSix<br/>
Brooke House<br/>
Sixth Form College<br/>
Kenninghall Road<br/>
London E5 8BP
<h3>Freephone:</h3>
0800 3892 947
<h3>Email:</h3>
<a href="mailto:[EMAIL PROTECTED]">Email us</a>
<h3>How to find us:</h3>
See map
</div>
</div>
<!--CONTENT-->
<img id="mainImage" src="/images/imgMainHome.jpg" alt="Image of
girls in class" />
<div id="content">
<h1><img src="/images/titleMainWelcomeToBSix.gif"
alt="Welcome to
BSix" /></h1>
<!--intro-->
<div id="intro">
<blockquote class="replace" id="mainQuoteHome">
<em></em>
BSix is a comprehensive sixth form
college in Hackney, east London.
With excellent teachers and
state-of-the-art facilities, we are
dedicated to providing the best
possible education to 16-18-year-olds
across a broad range of academic and
vocational courses.
</blockquote>
<ul>
<li>
<img src="/images/imgHomeIntro1.jpg"
alt="Photo of Ken Warman" />
<p>
<em>"Education is a
journey. We believe that everyone can make
a successful
journey from school to
college and on to a rewarding and
fulfiling career…"</em><br />
Ken Warman,
Principal<br/>
<a class="arrowLink"
href="/">Read more</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
