Firefox/Internet Explorer ?

[gerson]

hilfe auf meiner Seite werden 2 Navi-punkte(impressum und : wird die Seite nicht korrekt angezeigt) sehen auf dem Firefox/Internet Explorer jeweils unterschiedlich aus
kann mir jemand nen tip geben wäre echt suuper!

/* ******************************************************

    Layout 
border: 1 solid #FFF;


#right {
  
  background-color: #CCC;
  position: relative;
  width: 700;
  height: 400;

} 
 
 
 
#left {
  
  background-color: #FFF;
  position: absolute;
  left: 0;
  width: 970;
  height: 550;
  border: 1 solid #FFF;
} 




#left {
  
  background-color: #FFF;
  position: absolute;
  left: 0;
  width: 970;
  height: 550;
  border: 1 solid #FFF;
}  
  
 text-align: justify;
} 
 ****************************************************** */
 
 body {
 
       margin: 0px;

 }
 
 
 .impressum {

 margin-left:44px;
  width: 10;
  height: 10;
   font-family: Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
  font-size:8pt;
  position:relative;

 }
 

 
 
 
#main {

  position: absolute;
  left: 110px;
  bottom: 80px;
  top: 10px;
  width: 800;
  height: 540;
  overflow: hidden;

 }

 
 
 
#content {
  
  
  position: relative;
  width: 700;
  height: 400;

} 
 
 
#contentgalerie {
  

  position: relative;
  width: 700;
  height: 300;

} 


#headposition {
  
 
  position: relative;
  width: 670;
  height: 30;
  background-color: #FFF;

} 


#contentAnfahrt {
  

  position: relative;
  width: 670;
  height: 500;


} 
 
  
#logo {
  
  background-color: #CCC;
  position: relative;
  width: 600;
  height: 400;
  border: 1 solid #FFF;
}
 



 
#navi {


    margin-top: 15px;

  position: absolute;
   top: 535px;
  left: 0px;
  height: 100px;
  padding: 0px 0px 0px 5px;
  width: 1000;
  height: 50;

}




#navi-pfeil {


    margin-top: 15px;
  position: absolute;
   top: 490px;
  left: 100px;
  padding: 0px 0px 0px 5px;
  width: 800;
  

  

}






#thumb {
 
 
 
     scrollbar-face-color:      #000000;
    scrollbar-highlight-color:   #0561FE;
    scrollbar-3dlight-color:   #0561FE;
    scrollbar-darkshadow-color:   #0561FE;
    scrollbar-shadow-color:      #0561FE;
    scrollbar-arrow-color:      #007DFF;
    scrollbar-track-color:      #000000;
 
 
 
 
 
  margin-top: 50px;
  padding: 0px;
  position: relative;
  width: 680;
  height: 140;
  overflow: auto; 
}


/* ******************************************************

    FONTS

 ****************************************************** */
 
 #head { 
    
    font-family: Arial, Helvetica, sans-serif; 
    color: #0561FE;
    text-decoration: none;
    font-size:20pt; 
    font-weight: 800;
 
      }
 
 #headtext {
      
    font-family: Arial, Helvetica, sans-serif; 
    color: #0561FE; 
    text-decoration: none;
    font-size:12pt; 
    font-weight: 600;
 
 
 
 }
 
  #text {
    
    font-family: Arial, Helvetica, sans-serif; 
    color: #FFFFFF; 
   
    text-decoration: none;
    font-size:12pt; 
    font-weight: 600;
 
 
 
 }
 
 
  
 
  #textbold {
    
    font-family: Arial, Helvetica, sans-serif; 
    color: #0561FE; 
    text-decoration: none;
    font-size:12pt; 
    font-weight:600;
 
 
 
 }
 
 
 
 
 
 
 
 
 .navbar {
  font-family: Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
  font-size:20pt;
  }
  
.navbar:link { color: #0561FE; text-decoration: none; font-size:12pt; font-weight: 800;} 
.navbar:visited { color : #0561FE; text-decoration: none;font-size:12pt; font-weight: 800; } 
.navbar:hover {color:#007DFF;text-decoration: none;font-size:12pt; font-weight: 800;} 
.navbar:active {color: #0561FE; text-decoration: none;font-size:12pt; font-weight: 800;} 
 
 
 
 
 .navbar2 {
  font-family: Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
  font-size:20pt;
 
  
  }
  
.navbar2:link { color: #0561FE; text-decoration: none; font-size:9pt; font-weight: 800;  } 
.navbar2:visited { color : #0561FE; text-decoration: none;font-size:9pt; font-weight: 800;  } 
.navbar2:hover {color:#007DFF;text-decoration: none;font-size:9pt; font-weight: 800;  } 
.navbar2:active {color: #0561FE; text-decoration: none;font-size:9pt; font-weight: 800;  } 
 
 
 

  
.impressum:link { color: #0561FE; text-decoration: none; font-size:8pt; font-weight: 800; } 
.impressum:visited { color : #0561FE; text-decoration: none;font-size:8pt; font-weight: 800;  } 
.impressum:hover {color:#007DFF;text-decoration: none;font-size:8pt; font-weight: 800; } 
.impressum:active {color: #0561FE; text-decoration: none;font-size:8pt; font-weight: 800;  } 
 
 
   

 
 
 
 
 
 
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="Kino solln" content="Kino,Solln,Startseite">
  <link rel="stylesheet" type="text/css" href="main.css">
  <title></title>
  </head>
  <body bgcolor="#000000">
  
  <table height="595px" >
   <td ></td>
  </table>
  <table>
   <td width="240px" align="right">
    <b><font font face="Arial, Helvetica, sans-serif" color="#0561FE" size="1" weight="bold">
 
    <a href="download.html"> </td></b></a>
<div id="left">
<div id="main"><center><br><br><br> <div id="content"><br><br><br><br><img src="img/intro.gif"></diV></div>
&nbsp;
<center>
<div id="navi"><div class="navbar"><a class="navbar" href="http://217.7.195.193"
    OnMouseOver="self.status='KINO SOLLN';return true;" OnMouseOut="self.status=' ';return true;"></div>Reservierung / Kauf</A> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="navbar" href="http://217.7.195.193">Aktuelles Programm</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="navbar" href="reservierungSo.html">So reservieren Sie</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="navbar" href="info.html"> 
Info </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="navbar" href="anfahrt.html">Anfahrt </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="navbar" href="galerie.html">Galerie </a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="navbar" href="programmEmail.html">Programm per e-mail</a></div></div>
</center>
<div position="absolute" left="300px">
<a class="navbar2" href="download.html" align="left">Wird die Seite nicht  korrekt angezeigt?</a><div></div>
</div>

<div position="absolute" left="300px">
 <a class="impressum" href="impressum.html" >Impressum</A><div></div><div></div>
</div>

</div>

</td>

</table>

  </body>
</html>

 

[Maxi]

Bitte Forenregeln lesen und das nächste Mal die Code-Tags verwenden!

 

[nikisback]

Der IE und Firefox haben verschiedene Dialekte, deshalb wird es auch anders angezeigt.

Code einfach für Firefox, vergleiche dann mit dem IE und
meistens fehlen dann nurnoch zusätzliche angaben für den IE.

Ich kann dir so leider auch nicht helfen, weil das, was du gepostest hast, bei mir total kaputt angezeigt wird.

Eine Sache ist mir noch eingefallen.

Wenn du nicht alles in einer css für Firefox und IE optimieren kannst, dann erstell dir einfach eine zweite css datei, die geöffnet wird, wenn der
IE benutzt wird.

 <!--[B][if IE][/B]>
    <style type="text/css">@import url(ie.css);</style>
  <![endif]-->

Binde den code in den head ein, dann wird immer ie.css geöffnet, wenn irgendeine IE version benutzt wird

 

[threadi]

Dein HTML-Code an sich ist schon sehr fehlerhaft. Sowas wie

[FONT=monospace]<[/FONT]div position="absolute" left="300px">

gibt es nicht. Hier wolltest du vermutlich CSS nutzen, das geht aber nur in einem style-Attribut, in einem style-Bereich oder in einer externen CSS-Datei.

<center>

wird heute nicht mehr verwendet. Die vielen Leerzeichen (" ") sollen vermutlich Abstände darstellen - auch eine schlechte Idee. Sowas geht eher mit Außen- und Innenabständen per CSS.