|
Posted by Ian Rutgers on 05/30/06 00:13
The http://www.taoofpeace.com/test/index.php home page displays correctly on
my page regardless if I view it with IE or a Mozilla browser on either my
laptop or my desktop (1024 x 768). When I viewed this same page on my
client's LCD monitor the left navigation appears on the top of the page
until I do a manual refresh ... then it goes where it should.
I don't want to do this page with tables (yuk!) but would appreciate any
suggestions on another way to "Style" this page so the navigation appears
where it should ... every time.
.....here is the home page code
<!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=iso-8859-1" />
<title>Tao of Peace : Martial Arts & Life Skills Centre</title>
<link type="text/css" media="screen" rel="stylesheet"
href="includes/main.css" />
<link type="text/css" media="screen" rel="stylesheet"
href="includes/homePage.css" />
</head>
<body>
<div id="wrapper">
<div id="globalBackgroundHP">
<div id="largeLogo"><img src="images/LargeLogo.jpg" alt="Tao of Peace :
Faith Love Oness Within" /></div>
<div id="slogan"><img src="images/martialArtsTitle.jpg" alt="Martial Arts
and Life Skills Centre" /></div>
<div id="leftNav">
<a href="curriculum/index.php"
title="curriculum/schedule">curriculum/schedule</a>
<a href="studentresources/index.php" title="student resources">student
resources</a>
<a href="stuff.php" title="philosophy">philosophy</a>
<hr class="divisor" />
<a href="stuff.php" title="bully proofing">bully proofing</a>
<a href="stuff.php" title="assertiveness training">assertiveness
training</a>
<a href="stuff.php" title="conflict resolution">conflict resolution</a>
<hr class="divisor" />
<a href="stuff.php" title="fees">fees</a>
<a href="stuff.php" title="pro shop">pro shop</a>
<a href="stuff.php" title="publications">publications</a>
<a href="stuff.php" title="gallery">gallery</a>
</div>
</div>
<div id="footer">
<p>TAO OF PEACE : 5403 Crowchild Trail NW : Calgary, Alberta : T3B 4Z1 :
403.288.0000<br /><a href="stuff.php" title="About Us">About Us</a>
: <a href="stuff.php" title="Contact Us">Contact
Us</a> : created by <a href="http://www.otima.ca/">Otima</a></p>
</div>w
</div>
</body>
</html>
....is it better form to post a link to the CSS or can you pull it from my
code at the top of the page???? thx in advance for your help!
Cheers,
Ian
[Back to original message]
|