kaz Posted April 2, 2007 Share Posted April 2, 2007 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 More sharing options...
iyeru42 Posted April 2, 2007 Share Posted April 2, 2007 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 More sharing options...
kaz Posted April 2, 2007 Author Share Posted April 2, 2007 Thanx a million! By the way that's a scary you have there. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now