In this page everything was fitting perfectly before I added the iframe. But after that the cells grow wider for no reason. It was supposed to fit on 800x600 resolution.<br />
Heres a picture of the bug:<br />
<!-- m --><a class="postlink" href="http://members.lycos.co.uk/runemasters/bug.jpg">http://members.lycos.co.uk/runemasters/bug.jpg</a><!-- m --><br />
Heres the html file:<br />
<!-- m --><a class="postlink" href="http://www32.brinkster.com/dwkronik/ircchat/index2.htm">http://www32.brinkster.com/dwkronik/ircchat/index2.htm</a><!-- m --><br />
I hate working with tables
<!--content-->I fixed it! 
<br />
I created a separated table for the top banner and it worked for some reason.<!--content-->Check this out: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww32.brinkster.com%2Fdwkronik%2Fircchat%2Findex2.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
<br />
You have a spelling mistake: MARGINHEIHT (but should be using CSS for this anyway)<br />
<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this in a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->
Heres a picture of the bug:<br />
<!-- m --><a class="postlink" href="http://members.lycos.co.uk/runemasters/bug.jpg">http://members.lycos.co.uk/runemasters/bug.jpg</a><!-- m --><br />
Heres the html file:<br />
<!-- m --><a class="postlink" href="http://www32.brinkster.com/dwkronik/ircchat/index2.htm">http://www32.brinkster.com/dwkronik/ircchat/index2.htm</a><!-- m --><br />
I hate working with tables
<!--content-->I fixed it! <br />I created a separated table for the top banner and it worked for some reason.<!--content-->Check this out: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww32.brinkster.com%2Fdwkronik%2Fircchat%2Findex2.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
<br />
You have a spelling mistake: MARGINHEIHT (but should be using CSS for this anyway)<br />
<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this in a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->