Tabelle formatieren - Probleme mit IE 8 und Opera

[crazy cake]

Guten Morgen @ all,

bräuchte ganz, ganz dringend eure Hilfe bei dieser Seite, weil ich bei IE8 und Opera nicht weiterkomme.
Ich hoffe, jemand kann mir sagen, was ich falsch mache (hoffentlich nicht alles).
Ein Riesendankeschön im Voraus!!

<!--[if gte IE 8]>
<link href="css/global1-1-ie8.css" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if lte IE 7]>
<link href="css/global1-1-ie7.css" rel="stylesheet" type="text/css">
<![endif]-->...

...<div id="inhalt1">
		<table id="Uebersicht">
  <tr>
  <td class="eins"><h2 class="weiss">Globalberechnung</h2><br><h2></h2><br><br><h2></h2></td>
  <td class="zwei"><h2 class="weiss"></h2><br><h2 class="weiss"></h2><br><h2 class="weiss">Gebührenkalkulation</h2></td>
  <td class="drei"><h2></h2><br><h2></h2><br><h2></h2></td>
  <td class="vier"><h2>Ingenieurtechnische</h2><h2>Berechnungen</h2><br><br><h2></h2></td>
  <td class="fuenf"><h2></h2><br><h2></h2><br><h2></h2></td>
   </tr>
  <tr>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td>><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2 class="weiss">Bauhöfe</h2><br><br>
  <div class="sonder"><h2 class="weiss1">Technische</h2><h2 class="weiss2">Dienste</h2></div></td>
 <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  </tr>
  <tr>
  <td><h2>Software</h2><br><h2>Kommunale</h2><h2>Rechenzentren</h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  </tr>
  <tr>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2></h2><br><h2>Hausmeisterpools</h2><br><h2>Amtsbotendienste</h2></td>
  <td><h2></h2><br><h2></h2><br><h2></h2></td>
  <td><h2>Personalentwicklung</h2><br><h2>Stellenbewertung</h2><br><h2>Organisation</h2></td>
  </tr>
    </table>
		
		</div>

#content {
	width: 1280px;
	height: 386px;
	background: url(../images/bgr-hp-start-kacheln4_1.jpg) no-repeat center center;
	margin: 20px 0 20px 0;	
	}

#navi-links {
	float: left;
	width: 18%;
	margin: 0;
	text-align: right;
	list-style: none;
	padding: 110px 20px 10px 0;
}
#navi-links a{
	text-decoration: none;
	color: #6F6F6F;
	font-size: 12px;
	font-weight: bold;
	}
#navi-links li {
	text-align: right;
	margin-bottom: 10px;
	}
#Navigation1 a{
	text-decoration: none;
	color: #6F6F6F;
	font-size: 12px;
	font-weight: bold;
	}
#Navigation1 li {
	text-align: left;
	margin-bottom: 10px;
	}
#Navigation1 {
	list-style: none;
	padding-top: 80px;
	padding-left: -10px;
		}
#Navigation1 a:hover, #navi-links a:hover {
	color: #94010F;
	}
#rechts {
	float:right;
   	width:21%;
	padding-top: 130px;
	
	line-height: 15px;
	text-align: left;
}

#inhalt1 {
	font-size: 12px;
	height: 370px;
	width: 741px;
	margin-bottom: 1px;
	padding-left: 18px;
	}

[Adromir]

Hall crazy cake, ich habe deinen Quelltext nur überflogen und muss dir ganz ehrlich sagen, daß du am aller besten noch mal ganz an den Anfang zurück gehst und dir die theoretischen Grundlagen noch mal aneignest.

Denn bei so viel Datenmüll, der in deinem Quelltext steht, sind Darstellungsfehler vorprogrammiert.

[crazy cake]

Danke, für deine ehrliche Antwort. Wundert mich nicht, dass es zu viele Fehler drin sind - mache nur ab und zu was mit html&css, hab dann aber leider zu wenig Zeit, mich intensiv damit auseinanderzusetzen. Könntest du vielleicht wenigstens andeuten, wie die richtige Lösung aussehen sollte? Damit ich ungefähr weiß, wo die schlimmsten Fehler liegen?

Vielen Dank im Voraus!

[Adromir]

Wenn du die Seite validierst, dann kommen 45 Fehler. Grundsätzlich kann es sein, daß einer dieser dafür zuständig ist, daß die Browser deine Seite anders darstellen, als du willst, da die Wohlgefomrtheit deines Quelltextes nicht mehr gegeben ist.

Als erstes könntest du konstrukte wie

<h2></h2><br><h2></h2><br><h2></h2>

löschen, also ihn allgemein mal aufräumen

[crazy cake]

Danke!
Das da

<h2></h2><br><h2></h2><br><h2></h2>

sind gerade nur Platzhalter, weil ich eventuell noch mehr Begriffe einfügen muss. Aber ich werde gleich trotzdem aufräumen - vielleicht hilft das ja.

[Adromir]

und zudem auch <br> in <br /> umändern. Du benutzt einen xHTML- Doctype, da müssen leere Tags so geschlossen werden.

[crazy cake]

Vielen, vielen Dank! Jetzt sind es nur noch 4 Fehler!*freu* Aber da bin ich mir ganz nicht sicher, wie ich sie beseitige.

[Adromir]

1. Fehler: Ersetze den Doctype mal mit diesem:

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dann werden sich die folgenden wahrscheinlich von selbst erschlagen.

[crazy cake]

Juhuuuuu, es hat geklappt!!

Danke, danke, danke!!!!

Im IE8 und Opera sieht die Seite allerdings immer noch verschoben aus.

[Adromir]

Also ganz ehrlich, ich kann mir den fehler nicht so richtig erklären, da die Browser irgendwie den Inhalt der Tabellenzellen aus diesen rausnehmen und irgendwo anders hinklatschen.
Nimm mal Testweise den Container raus, der die Tabelle umschließt.

[crazy cake]

Hab gerade gemacht, aber die Probleme im IE8 und Opera sind immer noch da. Bin schon am Verzweifeln.