sunny: Tabelle formatieren: Probleme mit IE 8

Beitrag lesen

Hallo @ all,

bin nicht so erfahren mit HTML&CSS und hab leider ein Riesenproblem mit IE8 bei dieser Seite:
http://www.heyderundpartner.de/start.html

Habe zwar eine Browserweiche eingebaut:

<!--[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]-->  

...schaffe es aber nicht, die CSS-Datei so zu anzupassen, dass die Begriffe in der Mitte nicht verschoben aussehen. Wahrscheinlich ist die Lösung mit der Tabelle eh nicht die beste, aber ich wüsste nicht, wie ich das sonst machen könnte.

Hoffe, dass mir hier jemand helfen kann!
Vielen Dank im Voraus!!

Hier ein paar Details:

#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;  
	}  
	}
<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>