I am working on developing my web site to host my linux distro on and everything that i have learned about building a linux distro but i am haveing a problem with html every web browser i use to view my site seems to render it differantly.

Konqueror Kde 3.3.2



Internet Explorer 6



Firefox 1.03



Does anyone now what the hell i am doing wrong?

Konqueror shows it how it should look.

Internet Exsplorer just totaly fucks it up the time is off set and on the button graphics you can see an off color white and the mane white page is not centered.

Firefox shows it properly but if you look closely on the right side where the date should be (that is php code to display the current date) and it is off set.

The only frame's even used are for the php code (date on the blackbar) everything else is in a table.
Am i doing something wrong?
One tiny little frame shouldnt cause this mess is there some way to make them all render the same?
Quanta and nvu both display them right but dreamweaver doesnt.
maybe i should just do this in a text editor?

So what i am thinking is forget about ever useing frames and post a notice that microsoft web browsers suck and dont display this page properly who would have ever known that i could use Internet Explorer to show a really good example why windows and microsoft products suck.
and promte my own linux at the same time
And i will just write a little php script that redirects anyone to mozilla that isnt useing a browser that displays this page properly that only being Internet exsplorer and msn.

I am still bumbed about not being able to use frames they make things easyer and harder at the same time.
Hell i didnt even think i was going to be able to make it look that good without frames but i did.

http://www.comtuxaps.hopto.org

The Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>ComtuxAPS</title>
  <script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage&#40;init&#41; &#123; //reloads the window if Nav4 resized
if &#40;init==true&#41; with &#40;navigator&#41; &#123;if &#40;&#40;appName=="Netscape"&#41;&&&#40;parseInt&#40;appVersion&#41;==4&#41;&#41; &#123;
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; &#125;&#125;
else if &#40;innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH&#41; location.reload&#40;&#41;;
&#125;
MM_reloadPage&#40;true&#41;;
//-->
  </script>
</head>
<body
 style="color&#58; rgb&#40;0, 0, 0&#41;; background-color&#58; rgb&#40;0, 0, 0&#41;; background-image&#58; url&#40;/images/bg.jpg&#41;;"
 alink="#000099" link="#000099" vlink="#990099">
<div id="Layer1"
 style="position&#58; absolute; width&#58; 102px; z-index&#58; 1; height&#58; 22px; top&#58; 274px; left&#58; 707px;"><font
 color="#ffffff"><?php echo date&#40;"m/d/y"&#41;
 
 ?></font></div>
<div
 style="text-align&#58; center; font-weight&#58; bold; color&#58; rgb&#40;255, 255, 255&#41;;"></div>
<div style="text-align&#58; center;">
<table
 style="text-align&#58; left; margin-left&#58; auto; margin-right&#58; auto; height&#58; 31px; width&#58; 717px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width&#58; 723px;"><big
 style="color&#58; rgb&#40;255, 255, 255&#41;; text-decoration&#58; underline;"><big><big><span
 style="font-weight&#58; bold;"></span></big></big></big></td>
    </tr>
  </tbody>
</table>
</div>
<table
 style="width&#58; 723px; height&#58; 287px; text-align&#58; left; margin-left&#58; auto; margin-right&#58; auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="vertical-align&#58; top; background-color&#58; rgb&#40;252, 252, 252&#41;; text-align&#58; left; width&#58; 27px; height&#58; 185px;">[img]images/homebtn.png[/img]</td>
      <td
 style="background-color&#58; rgb&#40;255, 255, 255&#41;; vertical-align&#58; top; text-align&#58; center; width&#58; 690px; height&#58; 201px;"
 rowspan="4" colspan="1">
      <table style="text-align&#58; left; width&#58; 100%; height&#58; 45px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="width&#58; 590px; height&#58; 45px;"></td>
            <td style="width&#58; 48px; height&#58; 45px;">[img]images/questionbtn.png[/img]</td>
            <td style="width&#58; 44px; height&#58; 45px;">[img]images/mailicon.png[/img]</td>
          </tr>
        </tbody>
      </table>
     
   
     
   
     
   
     
   
     
   
     
   
     
   
     
   
     
   
     
   
     
   

      <table style="text-align&#58; left; width&#58; 690px; height&#58; 56px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="vertical-align&#58; middle; height&#58; 56px;">

            

            

            

            

            

            

            <table
 style="width&#58; 100%; text-align&#58; left; margin-left&#58; auto; margin-right&#58; auto; height&#58; 31px;"
 border="0" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td
 style="vertical-align&#58; bottom; text-align&#58; center; height&#58; 31px;">[img]images/basebar.png[/img]</td>
                </tr>
              </tbody>
            </table>
            </td>
          </tr>
        </tbody>
      </table>
      

      </td>
    </tr>
    <tr>
      <td
 style="background-color&#58; rgb&#40;255, 255, 255&#41;; vertical-align&#58; top; width&#58; 27px; height&#58; 184px;">[img]images/servicesbtn.png[/img]</td>
    </tr>
    <tr>
      <td
 style="background-color&#58; rgb&#40;255, 255, 255&#41;; vertical-align&#58; top; width&#58; 27px; height&#58; 185px;">[img]images/Tutorialsbtn.png[/img]</td>
    </tr>
    <tr>
      <td
 style="background-color&#58; rgb&#40;255, 255, 255&#41;; vertical-align&#58; top; width&#58; 27px; height&#58; 201px;">[img]images/downloadsbtn.png[/img]</td>
    </tr>
  </tbody>
</table>
<div style="text-align&#58; center;">
<table
 style="width&#58; 695px; text-align&#58; left; margin-left&#58; auto; margin-right&#58; auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="width&#58; 685px; text-align&#58; right; vertical-align&#58; middle;"><span
 style="font-weight&#58; bold;"></span><span
 style="color&#58; rgb&#40;255, 255, 255&#41;; font-weight&#58; bold;">Copyright 2005
ComtuxAPS</span>

      </td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>