Meine Seite wird im IE korrekt angezeigt, in Firefox jedoch nicht.
Woran liegt das?
Hier die Seite:
index.html
----------
<?
@session_start();
$login[team]=$_SESSION[team];
$login[pw]=$_SESSION[pw];
$login[sprache]=$_SESSION[sprache];
if ($login[sprache]=="") { $login[sprache]="de"; }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link rel="stylesheet" type="text/css" href="<? echo "http://".$_SERVER["HTTP_HOST"]."/"; ?>format.css"/>
<title>F1Manager - das schnellste game in web</title>
</head>
<body>
<div class="header"><img src="<? echo "http://".$_SERVER["HTTP_HOST"]."/"; ?>img/top.jpg" alt=""/>
</div>
<?
if ($login[team]!="" and $login[pw]!="")
{
?>
<iframe src="<? echo "http://".$_SERVER["HTTP_HOST"]."/"; ?>menu.php?zahl=<? echo $_GET['zahl']; ?>" frameborder=0 width=100% height=75px>
</iframe>
<?
}
?>
<div class="inhalt">
<?
echo "
<table border=0 width=99%>
<tr>
<td>
Er läuft durch die Boxengasse. Wieder kein gutes Ergebnis.
Sein Boss kommt ihm entgegen. Er blickt ihn ernst an.
Dann sagt er: Du bist entlassen! <br/>Ein paar Minuten später...<br/>
Diskussion über einen Nachfolger. Da kommt die Idee:
Du sollst der Nachfolger werden!<br/><br/>
Nimm das Angebot an und trainiere deine Fahrer,
kümmer dich um Verträge und suche das optimale Setup
für die Rennen im Drei-Tage-Rhytmus.<br/>Melde dich jetzt an!
</td>
<td>";
if ($login[team]=="")
{
echo "
<form action='game/login.php' method=post>
<table BORDER=0>
<tr>
<td>Team:</td>
<td><input type='text' name='team'></td>
</tr>
<tr>
<td>Passwort:</td>
<td><input type='password' name='pw'></td>
</tr>
<tr>
<td></td>
<td><input type='submit' value='Login'></td>
</tr>
</table>
</form>
<a href='http://localhost/game/daten/pw.php'>Passwort vergessen</a>
<br/>
<a href='http://localhost/game/daten/anmeldung.php'>Registrieren</a>
";
}
else
{
echo "Eingeloggt als ".$login[team];
}
echo "
</td>
</tr>
</table>";
?>
</div>
</body>
</html>
Und die css-Datei:
body, html {
font-family: Verdana;
margin:0px;
padding:0px;
background-color:black;
background-image: url(http://localhost/img/top2.jpg);
background-repeat:repeat-x;
}
.header {
float:right;
margin-top:0px;
padding-top:0px;
}
td p {
position:relative; margin:0; padding:0;
}
td p span {
position:absolute;
top:8px;
left:10px;
width:85px;
color:black;
text-align:right;
color:black;
font-weight:bold;
font-size:12px;
}
.inhalt
{
border:solid 3px white;
color:black;
background-color: #7aabe2;
margin-left:20px; margin-right:20px;
min-height:300px;
}
* html .inhalt { height:300px; } /* nur für IE 5.5 - 6.x */
html + body .inhalt { height:300px; } /* nur vom IE 5.0 */
a
{
color:#043878;
font-weight:bold;
}
Das Bild top.jpg wird nur in Firefox und nur wenn der iframe deaktiviert ist vom Inhaltsfeld überdeckt.