Im Internet Explorer verschieben sich die Tabellen

tnl101 · 20 April 2011, 13:28:34

Hallo liebe Pragma-Gemeinde,

ich hoffe jemand hat einen Tipp. Und zwar habe ich in der theme.php eine Tabelle mit img und usemap eingebaut. Im Firefox und Google Chrome sieht alles super aus. Nur im Internet Explorer sind die Tabellen total verschoben. Eigentlich soll die eine Tabelle rechts neben der anderen liegen, aber im IE liegt diese links und alles andere daneben, sieht nicht schön aus!!!

Warum wird das vom IE so anders interpertiert als in Firefox oder Chrome? Gibt es da eine Lösung? Ihr könnt Euch gern mal die theme.php anschauen:

function themeheader() {
global $banners,$thename,$col_name,$bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5,$sitename;
echo "<body lang=\"".$GLOBALS['locale']."\" bgcolor=\"\" text=\"#000000\">";

if ($banners) {
   include("banners.php");
   echo "";
}
///."<tr><td width=\"100%\">\n"

echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" align=\"left\" background=\"themes/$thename/".$col_name."images/bg2.jpg\" >\n"
."<map name=\"bg2\">\n"
."<area shape=\"rect\" alt=\"Folge uns auf Facebook\" coords=\"5,130,36,159\" href=\"http://www.facebook.com/pages/Institut-Braune-gGmbH-Berufsfachschule/129004047167974\" target=\"_self\">\n"
."<area shape=\"rect\" alt=\"Verfolge unsere Tweeds\" coords=\"8,171,36,202\" href=\"http://twitter.com/Inst_Braune_BFS\" target=\"_self\">\n"
."<area shape=\"rect\" alt=\"Verbinde Dich mit unserem VZ-Profil\" coords=\"5,212,36,240\" href=\"http://www.meinvz.net/Profile/QlQ78SO346z5LQH4HgEf9XaEbtiL47FNhZSw8P0z0X8/tid/102\" target=\"_self\">\n"
."<tr><td width=\"100%\" >\n"
."<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"78\" align=\"left\" >\n"
     ."<tr><td width=\"0\" height=\"600\" ></table>\n"

."<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"849\" bgcolor=\"#ffffff\" align=\"left\"><img src=\"themes/$thename/".$col_name."images/bg2_map.jpg\" align=\"center\" usemap=\"#bg2\" >\n"
."<tr><td width=\"100%\" height=\"100%\" bgcolor=\"#000000\" >\n"
."<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"849\" align=\"left\">\n"
   ."<tr><td width=\"100%\" height=\"100%\" bgcolor=\"$bgcolor5\">\n"
   ."<table border=0 width=\"100%\" height=100% cellpadding=0 cellspacing=0\><tr><a href=\"index.php\"><img border=\"0\" src=\"themes/$thename/".$col_name."images/banner3.jpg\"alt=\"$sitename\" hspace=\"0\"></a></td></tr><td width=\"100%\" height=\"100%\" bgcolor=\"$bgcolor5\"></td></table></td></tr>\n"
."<tr></tr></table>\n"
."</td></tr><tr><td width=\"100%\">

<table width='100' cellspacing='0' cellpadding='0' border='0'><tr><td bgcolor=''>\n";

$public_msg = public_message();
echo "$public_msg<br>";
echo "</td></tr></table>

<table width=\"849\" cellpadding=\"0\" bgcolor=\"$bgcolor5\" cellspacing=\"0\" border=\"0\">\n"
   ."<tr valign=\"top\">\n"
   ."<td><img src=\"themes/$thename/".$col_name."images/pixel.gif\" width=\"6\" height=\"1\" border=\"0\" alt=\"\"></td>\n"
   ."<td width=\"138\" bgcolor=\"$bgcolor5\" valign=\"top\">\n";
blocks('left');
echo "</td><td><img src=\"themes/$thename/".$col_name."images/pixel.gif\" width=\"10\" height=\"1\" border=\"0\" alt=\"\"></td><td width=\"100%\">\n";
   if (!empty($GLOBALS["home"])) {
      blocks('center');
      }
}

tnl101 · 02 Mai 2011, 11:00:55

Kann mir niemand helfen?

Nur mal auf das nötigste zusammengefasst:

Warum ordnet der IE Tabellen in einer anderen Ordnung an als Firefox oder Chrome?

Danke für hilfreiche Tipps

Gruß TNL

Andi · 09 Mai 2011, 11:17:37

Moin

in deinem HTML-Code sind grevierende HTML-Fehler drin. Die Browser interpretieren diese HTML-Fehler unterschiedlich....

Zitatecho "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" align=\"left\" background=\"themes/$thename/".$col_name."images/bg2.jpg\" >\n"
."<map name=\"bg2\">\n"
."<area shape=\"rect\" alt=\"Folge uns auf Facebook\" coords=\"5,130,36,159\" href=\"ht tp://w ww.facebook.com/pages/Institut-Braune-gGmbH-Berufsfachschule/129004047167974\" target=\"_self\">\n"
."<area shape=\"rect\" alt=\"Verfolge unsere Tweeds\" coords=\"8,171,36,202\" href=\"h ttp://tw itter.com/Inst_Braune_BFS\" target=\"_self\">\n"
."<area shape=\"rect\" alt=\"Verbinde Dich mit unserem VZ-Profil\" coords=\"5,212,36,240\" href=\"ht tp://w ww.meinvz.net/Profile/QlQ78SO346z5LQH4HgEf9XaEbtiL47FNhZSw8P0z0X8/tid/102\" target=\"_self\">\n"
."<tr><td width=\"100%\" >\n"

Du ordnest den HTML-Tag <map> innerhalb der Tabellendefinition <table><tr><td> an. Das darf nicht sein. Inhalte innerhalb von Tabellen müssen innerhalb von atd> Tags stehen.

Du solltest dich mit den Gründlagen von HTML beschäftigen
http://de.selfhtml.org/html/tabellen/aufbau.htm

tnl101 · 10 Mai 2011, 08:28:15

Moin, Moin

Zitat von: Andi am 09 Mai 2011, 11:17:37
Du solltest dich mit den Grundlagen von HTML beschäftigen

Da hast Du verdammt nochmal Recht!! Aber ich war ja schon heilfroh, dass ich mit meinen fast nicht vorhandenen Kenntnissen das überhaupt irgendwie hinbekommen habe. Dass da Fehler drin sind habe ich ja erst gar nicht bemerkt. Aber ok, ich muss das jetzt schnell hinbekommen. Meinst Du, Du könntest mir schnell zeigen, wie das richtig aussieht?

Besteht nicht auch die Gefahr, wenn man es jetzt korrekt macht, dass es dann auch in Firefox wieder anders aussieht? Vielleicht hat er es ja nur aufgrund des Fehlers, augenscheinlich, richtig gemacht.

Vielen Dank erstmal, Tobi

tnl101 · 10 Mai 2011, 08:34:09

kurz nochmal:

hab jetzt mal den HTML-Tag <map> komplett entfernt, das Problem, also die falsche Anordnung der Tabellen in IE bleibt bestehen. Das Einzige ist, dass jetzt die Image-Map weg ist. Hab ich noch anderen Murks in meinem HTML-Code??

Gruß Tobi

Palledde · 20 Juni 2011, 18:54:23

Das kann natürlich durchaus sein. ich frage mich ohnehin weshalb du noch den Internet Explorer verwendest?

Im Internet Explorer verschieben sich die Tabellen

tnl101

tnl101

Andi

tnl101

tnl101

Palledde