Internet Versions

[jarrett000]

in the older version of firefox, and ie6, the table that I have placed at the bottom of the page is at the right instead of the bottom. here's the code for the table:

<table class="Footer" width="100%" id="TF">	<tbody>		<tr style="background-color: #303030">			<td>			</td>		</tr>		<tr>			<td>				<img src="LLcorner.png" align="left" valign="top" /><img src="Rc.PNG" align="right" valign="top" /><div id="NavBar" style="background: url('WsWeather.png'); background-repeat: repeat-x;">				<img src="CloseA.ico" alt="Close" align="right" valign="top" onclick="CloseBN()" /><br />					<label id="BottomNavLinks"><a href="../../contactInfo.php?site=jarrettcode&admin=jarrett& id =1601" class="mainlink" target="_parent">Contact us</a><span> | </span><a href="../../Apply.php?method=main&pos=top" class="mainlink" target="_parent">Get a link</a><span> | </span><a href="../../TutorialList.php?method=main&pos=top__%&%under_construction=yes" class="mainlink" target="_parent">Tutorials</a><span> | </span><a href="../../Terms and Conditions.php?method=main&pos=top" class="mainlink" target="_parent">User agreement</a><span> | </span><ins id="ImgHp" onclick="dhtmlHistory.add('location1',{message: 'backbox'});"><a href="banner.jpg" rel="lightbox[slide]" caption="The banner that we currently use." class="mainlink">Our Images</ins><a href="banner.JPG" rel="lightbox[slide]" caption="Our old banner" height="100" width="100"></a>						<a href="bg-78.jpg" rel="lightbox[slide]" caption="Our old background image."></a>						<a href="right-bg.jpg" rel="lightbox[slide]" caption="Our background image"></a>						<a href="HTML.JPG" rel="lightbox[slide]" caption="Old HTML button."></a>						<a href="css.JPG" rel="lightbox[slide]" caption="Old CSS button."></a>						<a href="apply.JPG" rel="lightbox[slide]" caption="Old apply button."></a>						<a href="back.JPG" rel="lightbox[slide]" caption="Old back button."></a>						<a href="tnext.JPG" rel="lightbox[slide]" caption="Old next button"></a>						<a href="Script.JPG" rel="lightbox[slide]" caption="Old scripting button."></a></a><span> | </span><a href="livesearch.html?search=jarrettcode" class="mainlink" target="_parent">Search Jarrettcode</a><span> | </span><a href="http://www.jarrettcode.com/forum/JCF/index.php" class="mainlink" target="_parent">Fourms</a><span> | </span><a href="" class="mainlink">Navigation</a><span> | </span><a href="/HTMLQuiz/quiz.html" class="mainlink" target="_blank">HTML Quiz</a></label>									</div>			</td>		</tr>	</tbody></table>

That is at the very bottom of the page. Can anyone help me with the issue? [Problem]

[ProblemHelpPlease]

Do you have the css for the class Footer, its easier to fix the problem with the css as well.

[jarrett000]

.Footer {	border-width: 1px;	border-color :#000000;	background-color: #3;	text-align: center;}

[alexnofue]

Hi, i didn't test it but i think your problem is this:<table class="Footer" width="100%" id="TF">and in the css:border-width: 1px;this two add a width superior to 100%, anyway i couldn't point the problem as the footer alone doesn't move to the right.anyway commenting the css rule only takes like 10 seconds.

[jarrett000]

Thank you for the assesment, I overlooked and fixed that problem, however, it did not in any way effect the problem. I tried changing the width to 95%, and the border-width to 0px.

[jlhaslip]

What else is on that page? Can you provide a link, please?Are there any floats that need to be cleared?

[jarrett000]

There is a link in the original post, Here. The only floating on the page is on my top navigational images in a CSS class "NavImg".

[jlhaslip]

http://validator.w3.org/check?uri=http%3A%...ine&group=0

[jarrett000]

I know its invalid, thats on purpose. I don't use a doctype because it screws with the width tag and using css is complicated, and I have other reasons for all of the errors I dont feel like typing out. I have explored that and I relly dont think that has anything to do with my table problem.

[jarrett000]

Thanks for the help, but I got it with this new code:.Footer { border-width: 1px; border-color :#000000; background-color: #3; text-align: center; position: absolute; bottom: 0;}

[jlhaslip]

I know its invalid, thats on purpose. I don't use a doctype because it screws with the width tag and using css is complicated, and I have other reasons for all of the errors I dont feel like typing out. I have explored that and I relly dont think that has anything to do with my table problem.

You will find that using a proper Doctype will make it easier to write your code with better cross-browser pages and fewer issues to resolve.Well, easier to resolve them, anyways. Without a proper Doctype, IE will go into Quirks mode in a heartbeat and that makes it difficult to write code for considering their "different" Box Model. Write your code and test in Firefox/Opera and then use IE Conditional Comments to fix IE is the best idea. And resetting the margins/padding at the top of your CSS is another great trick.