nicht angemeldet
Unterschiedliche Darstellungen in IE 7 und Firefox
Hallo zusammen,
zuerst möchte ich mich für meine wahrscheinlich triviale Frage entschuldigen, aber ich bin noch Anfänger in Web-Gestaltung und habe trotz Recherche keine Lösung gefunden.
Also:
Ich habe meine Seite mit Hilfe von PHP-Includes aufgeteilt:
<?php
error_reporting(E_ALL);
echo "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\n";
echo " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n";
echo "<html>\n";
echo " <head>\n";
echo " <title>Meine Seite</title>\n";
echo " <link rel="stylesheet" type="text/css" href="page.css" />\n";
echo " <meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />\n";
echo " </head>\n";
echo " <body>\n";
echo " <div id="root">\n"; // ganz oberer Div-Holder
echo " <div id="banner">\n"; // banner
include "banner.php";
echo " </div>\n";
echo " <div id="ticker">\n"; // Newsticker oder Datum
include "newsticker.php";
echo " </div>\n";
echo " <div id="links">\n"; // linkes Menu
// include "menu2.php";
echo " Hier ist ein Menü\n";
echo " </div>\n";
echo " <div id="mitte">\n"; // In der Mitte der Inhalt
include "inhalt.php";
echo " \n";
echo " </div>\n";
echo " <br style="clear:both;" />\n"; // css-float beenden
echo " </div>\n";
echo " </body>\n";
echo "</html>\n";
?>
Das Layout ist in der page.css drin:
@charset "utf-8";
/* CSS Document */
#banner {
background:#D5EDB3;
position:static;
}
#ticker {
position:static;
}
#links {
float:left;
position:static;
width: 22%;
}
#mitte {
position:static;
}
Nun sollte ja der Inhalt von inhalt.php wegen "float:left" neben dem Text "Hier ist ein Menü" erscheinen. Firefoxi macht das auch. Der IE7 packt das aber unter den Text "Hier ist ein Menü". Wo ist der Fehler?
Um zu sehen was ich meine, schaut euch einfach das Ergebnis unter dem angegebenen Link an.
Ich habe es auch schon mit absoluter Positionierung probiert, dabei sind allerdings auch komische Dinge zustande gekommen.
Hier noch der Code von "inhalt.php":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.Stil11 {color: #000000}
-->
</style>
</head>
<body>
<img src="../mm_spacer.gif" alt="" width="50" height="1" border="0" />
<table width="47%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
<tr>
<td valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" />
<table width="481" height="316" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
<tr>
<td width="481" bgcolor="#FFFF99" class="pageName Stil11">Dies ist eine Überschrift</td>
</tr>
<tr>
<td bgcolor="#FFFF99" class="bodyText"><p><strong>Hier steht ein fetter Einführungstext, der auch ganz kreativ ist.</strong></p>
<p class="Stil11">Hier steht ganz viel kreativer Inhalt!</p>
<p class="Stil11"><br />
</p>
</td>
</tr>
<tr>
<td bgcolor="#FFFF99" class="bodyText"> </td>
</tr>
</table>
<br />
<br />
</td>
</tr>
</table>
</body>
</html>
Und noch ein zweites Problem:
Der Inhalt von newsticker.php wurde mit Dreamweaver erzeugt und sieht so aus:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<table width="103%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
<tr>
<td colspan="6" height="3" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr bgcolor="#99CC66">
<td height="18" colspan="6" bgcolor="#003300" id="dateformat"> </td>
</tr>
<tr>
<td colspan="6" height="3" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
</table>
</body>
</html>
mm_dashed_line.gif hat eine Größe von 4x3 Pixeln und soll den Rand darstellen. Der Newsticker wird diesmal vom Internet-Explorer richtig dargestellt. Allerdings stellt Firefox die Randzeile sowohl oben als auch unten in vierfacher Ausführung dar.
Was mir daran aufgefallen ist, ist dass wenn ich in Dreamweaver in der "newsticker.php" auf Vorschau in Firefox gehe, der Ticker richtig angezeigt wird. Der Fehler tritt also nur im Kontext mit der kompletten Website auf.
Ich fände es super, wenn ihr mir Tipps geben könntet, was ich falsch gemacht habe.
Vielen Dank schonmal!
Thomas
-
Ich habe jetzt nochmal etwas nachgeforscht:
Fehler 2 kommt durch PHP zustande.
Deshalb habe ich jetzt nur die Include-Befehle innerhalb des PHP-Tags gelassen.Fehler 1 liegt wahrscheinlich innerhalb der "inhalt.php", bzw. der zugehörigen CSS-Datei.