Diskrepanz zwischen Firefox und IE

asseskiller

Lt. Junior Grade
Registriert
Sep. 2005
Beiträge
447
Ich hab nen problem bei folgendem script. Es zeigen dich in beiden browsern unterschiede und ich will es so haben wie es in firefox angezeigt wird (so ist es fast ideal). Beim Internetexplorer wird die Höhe der oberen linken Tabellenzelle immer verändert, wenn man auf einen der Links klickt (Bsp.: Ich klicke auf FAQ und es ist eine leere fläche unter dem bild von geschätzt 70px obwohl ich die tabellenzelle nicht so angegeben habe. Wenn ich auf einen anderen Link klicke ändert sich der Abstand noch mehr. Infolge dessen wandert natürlich das Menü auch herunter). Ein anderes Problem ist das die Spaltenbreite der Linken Tabelle breiter ist als ich es angegeben habe. Mache ich sie per wert kleiner wird sie dies aber nicht. obwohl das bild darin nicht breiter ist als meine angabe.

Hier der Quelltext:

HTML:
<html>
<head>

<style type="text/css">
a.a:link{
	color:black;
 	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}
a.a:visited{
	color:black;
 	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}
a.a:hover{
	color:black;
	font-family: tahoma, helvetica, sans-serif;
	;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	text-decoration: underline;
}
a.a:active{
	color:black;
	font-family: tahoma, helvetica, sans-serif;
	;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	text-decoration: underline;
}
</style>
<title>Tietel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body background="picture_library/webbg1.jpg">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="254" height="100" align="left" valign="top"><img src="picture_library/logo.png" width="250" height="100"></td>
    <td width="741" rowspan="2" align="left" valign="top"><div style="margin-top:110px;"><?php $show = $_GET['show']; if($show) {include ("$show");} else {include ('start.php');} ?></div></td>
  </tr>
  <tr> 
    <td width="254" align="left" valign="top">________________________________<br>
      .....................................................<a href="?show=start.php" class="a">Start</a><br>
      .....................................<a href="?show=planen.php" class="a">Richtig Planen</a><br>
      ...........................................<a href="?show=investition.php" class="a">Investition</a><br>
      ...............................................<a href="?show=überuns.php" class="a">Über 
      uns</a><br>
      ................................................<a href="?show=kontakt.php" class="a">Kontakt</a><br>
      ........................................................<a href="?show=FAQ.php" class="a">FAQ</a><br>
      ............................................. ....<a href="#" class="a">Zurück</a><br>
      _______________________________
</td>
  </tr>
</table>
 
<div align="right"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
|<a href="?show=impressum.php">Impressum </a></font> </div>
</body>
</html>

Bitte fraqt wenn ihr fragen dazu habt denn es ist sehr wichtig.
Und schreibt mir bitte auch wenn ich das problem schlecht geschildert habe
Vielen dank
 
Zuletzt bearbeitet:
Das ist kein Skript, das ist HTML und CSS. Erstmal fehlt da ein Doctype, pack das mal in die 1. Zeile (noch vor <html>):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Dann solltest du deiner Klasse für die Links mal einen besseren Namen als "a" geben, z.B. "meinlink" oder sowas. Und extrem stark abkürzen kann man deine Linkdefinitionen auch ;)

Code:
a.meinlink {
	color:black;
 	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

a.meinlink:hover,
a.meinlink:active
{
	font-weight: bold;
}
 
Wäre super gewesen Du hättest ihm gesagt wieso man das so stark kürzen kann :D

Stichwort: Vererbung

für einen Tag der oben im CSS steht z.B.

td
{
font-family: Arial;
}

td.linkespalte
{
font-family: Arial; (überflüssig)
}

benötigt man das bei weiteren Tags nicht da es generell (in diesem Fall für td) schon definiert wurde.
 
Zuletzt bearbeitet:
Zurück
Oben