Jump to content

CSS Code Not Reflecting


kaz

Recommended Posts

Hi,I'm caught in a bit of a dilemna. The main table of the index page of my website(http://kazmania.110mb.com/index.html) is skewed to the right instead of floating to the left. The code is shown below. the id for the main table is #main. Please help.body { font-family: arial,helvetica,sans-serif; font-size: 11px; text-align: center; background-color: #8A644D; } a { color: #000000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; padding-left: 15px; font-size: 10px;}#container{ margin-left: auto; margin-right: auto; width: 700px; text-align: left; margin-bottom: 10px; padding-bottom: 0px; border-right: 1px solid #E93711; border-left: 1px solid #E93711; border-top: 1px solid #E93711; border-bottom-color: #E93711;}#banner { width: 700px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Impact, Arial Black, sans-serif; font-size: 48px; color: #fff; font-weight: normal; height: 120px; background: #CCCCCC url(images/bg2.jpg) no-repeat; } #linkbar { width: 680px; height: 40px; background-color: #8A220A; padding: 5px 5px 5px 15px; border-top: 2px solid #fff; }#linkbar a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; background-color: #8A220A; padding-left: 15px; } #linkbar a:hover { text-decoration: underline; color: #FFFFFF; font-weight: normal; }#linkbar a:visited { padding-left: 15px;}#wrapper { float: left; width: 700px; background-color: #52818A; background-position: left top; background-repeat: repeat-y; background-image: url(images/fotobg.jpg); border-bottom: 1px solid #E93711; height: auto; }#main { width: 350px; padding-left: 15px; padding-right: 5px; line-height: 18px; padding-top: 10px; height: auto; float: left; }#main h1 { font-size: 24px; color: #9F6984; font-family: serif; text-transform: uppercase; text-align: center; } #main h2 { font-size: 16px; color: #E93711; font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: none; text-align: center; } .footer { font-size: 11px; color: #FFFFFF; font-family: sans-serif; text-transform: none; text-align: center; }#inner { width: 60px; height: 725px; float: left; padding: 10px; border-left: 1px dotted 52818A; }#inner a:link { font-family: Arial,sans-serif; font-size: 10px; color: #993366; font-weight: normal; text-transform: uppercase; text-align: center; text-decoration: none; letter-spacing: 0.1em; line-height: 18px; } #inner a:visited { font-family: Arial,sans-serif; font-size: 10px; color: #993366; font-weight: normal; text-transform: uppercase; text-align: center; text-decoration: none; letter-spacing: 0.1em; line-height: 18px; }#inner a:hover { text-decoration: underline; }#outer { width: 275px; float: left; padding-left: 20px; padding-right: 10px; margin-top: 0px; background: #8A220A; margin-left: 20px; height: auto; }#footer { height: 10px; width: 700px; margin-right: auto; margin-left: auto; clear: left; text-align: center; padding-top: 2px;} #outer p { color: #FFFFFF; padding: 10px; padding-bottom: 15px; margin-top: -15px; font-face: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 18px; }#outer h1 { text-align: center; padding-bottom: 5px; margin-top: 5px; font-family: serif; font-size: 20px; color: #E6CFD9; } .imgcenter { text-align: center; margin-top: -25px; }img { border: 2px ridge #000000;}#top { background-color: #0099CC; position: absolute; width: 244px; left: 103px; top: 60px; height: 11px; vertical-align: text-bottom;}#bottom { background-color: 8a0009; position: absolute; left: 354px; top: 159px; width: 719px; height: 20px;}.subglobalNav { position: absolute; width: 245px; left: 2px; top: 1px;}

Link to comment
Share on other sites

Replace your entire code with the below instead:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><html><head><title>ALL THE REDS</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" href="default.css" type="text/css" /><script type="text/javascript"><!--var numofitems = 6;//menu constructorfunction menu(allitems,thisitem,startstate){   callname= "gl"+thisitem;  divname="bottom"+thisitem;    this.numberofmenuitems = allitems;  this.caller = document.getElementById(callname);  this.thediv = document.getElementById(divname);  this.thediv.style.visibility = startstate;}//menu methodsfunction ehandler(event,theobj){  for (var i=1; i<= theobj.numberofmenuitems; i++){    var shutdiv =eval( "menuitem"+5+".thediv");    shutdiv.style.visibility="hidden";  }  theobj.thediv.style.visibility="visible";}				function closesubnav(event){   if ((event.clientX >800)||(event.clientY > 180)){    for (var i=1; i<= numofitems; i++){      var shutdiv =eval('menuitem'+5+'.thediv');      shutdiv.style.visibility='hidden';    }} }// --></script></head><body onmousemove="closesubnav(event);"><div id="container"><div id="banner"></div><div id="linkbar"><a id="g11" href="index.html">home</a> <a id="g12"  href="index.html"></a> <a id="g13"  href="index.html">registration</a><a href="index.html">check grades </a> <a id="g14"  href="index.html">gallery</a><a id="g15" onMouseOver="ehandler(event,menuitem5);" href="coursecon/level 200.html">COURSE conteNt </a><a id="g16" href="index.html">PROFILES </a><div id="bottom"><div id="wrapper"><div id="main">  <h2>WELCOME TO GEOLOGY DEPARTMENT </h2>  <p> In the 2005/2006 academic year, the Department  of Geology continued to teach its programme both at the graduate and  undergraduate levels. Inadequate laboratory and lecture space continued to be  our major constraints in handling the increasing number of undergraduate  students. Other constraints included lack of field equipment to enhance  training of students and inadequate computers for teaching and research. The  Department entered into an agreement with the Geological Survey Department to  avail their X-ray Fluorescence facility to the Department for teaching and  research</p>  <h2> Students Numbers</h2>  <p>Level 100                     -                       812<br />    Level 200                     -                       64<br />    Level 300                     -                       67<br />    Level 400                     -                       26<br />    Level 600                     -                       8<br />    Ph. D.                          -                       7</p>  <p><H2>Staffing Position</h2>  <br />    The Department  has a permanent teaching staff of 11 with 8 supporting junior and senior staff.  Part-time lecturers still play an important role in the teaching of courses in  the department.  The breakdown of staff  at post were:    </p>    <p>5 Senior Lecturers        <br />    6 Lecturers <br />    2 Senior staff <br />    6 Junior staff<br />    3 Part-time  lecturers </p>  <p>Out of this, Dr.  Johnson Manu was on Sabatical Leave and Dr. J.M. Kutu joined the Department as  lecturer in Structural Geology.</p>  <p> </p>  <h2> </h2>  </div><div id="outer"><p></p><div class="imgcenter">  <p><img src="images/qtzitehandB2.jpg" alt="quartzite rock" width="235" height="150" /></p>  <p><img src="images/Huge_Amethyst_Crytals_Closeup.jpg" alt="amethyst crystals" width="235" height="150" /></p>  <p><img src="images/herkimer.jpg" alt="herkimer" width="235" height="150" /></p>  <p><img src="images/rockser.jpg" alt="rockser" width="235" height="150" /></p>  <p><img src="images/rocks-minerals.jpg" alt="rock minerals" width="235" height="150" /></p> </div></div>  <div id="bottom5" class="subglobalNav"> <a href="#">Level 200</a><a href="#">Level 300</a><a href="#">Level 400</a></div><script type="text/javascript">    <!--           			var menuitem5 = new menu(6,5,"hidden");			    // -->    </script></div></div><div class="footer" id="footer">©2007 All Rights Reserved <br />  A project work by Eugenia Karikari,Department of Computer Science </div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...