Tabellen Problem im IE7

Bully

Hallo,
ich hab das Problem das meine Tabelle im Firefox richtig, im Opera nur etwas nach rechts verschoben dargestellt wird aber im IE völlig "verzerrt"!

html Code für die Tabelle:

Code

<div id="bg1">                                                                 
         <table id="table_01" Border="1"align="center">
               <tr>
                  <th>[b]Das bin ich:[/b]</th><th>[b]Daten:[/b]</th>
               </tr>
               <tr>
                  <td>[img]Bilder/Chris.png[/img]</img></td>
               </tr>
         </table>
        </div>

CSS Datei Auszug:

Code

#table_01 {
      position:relative;
      left:auto;
      right:auto;
      width:500px;
      height:200px;
      margin-left:25px;
      margin-right:20px;
      vertical-align:top;
}


#table_01 tr {
      width:50%;
      height:50%;
}


#table_01 td {
      width:50px;
      height:190px;
      text-align:center;
}


#table_01 th {
      width:50px;
      height:10px;
      text-align:center;
}

Alles anzeigen

Glaube das ich einen Fehler in der CSS Datei habe. Aber wo?

Hoffe mir kann geholfen werden, aber ich denke schon![code]

Thonixx

Qualifiziertes Doctype vorhanden?

HTML

<!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">

Sollte eigentlich korrekt sein.

matman

1. Dein Doctype ist für XHTML, Dein Code ist HTML..... wäre schonmal der erste Fehler.

2. width und height im CSS ist fast immer problematisch, besonders der IE verhaut das gerne. Und height wird von einigen Browsern gar nicht interpretiert. Am besten auf solche Angaben verzichten. Wenn sich das gar nicht vermeiden lässt: CSS doppelt bis vielfach mit Browserweiche zurecht biegen.

3. Warum nimmst Du eine Tabelle für eine Überschrift mit nem Bild drunter? Is völlig unlogisch.

sejuma

So besser?

Code

#table_01 {
margin: 0 auto;
      width:500px;
      height:200px;
}






#table_01 td {
width: 50%;
      height:190px;
      text-align:center;
}


#table_01 th {
      width:50%;
      height:10px;
      text-align:center;
}

Alles anzeigen

sejuma

@matman

zu1. Erklärt das den Fehler? Wie kann ich das abändern?

zu2. Was sollte ich dann verwenden um die größen anzugeben?

zu3. Daneben will ich noch ein kurzes Datenblatt schreiben!

sejuma

Nein leider nicht

Habe jetzt schon überlegt das mit div und float zu lösen, aber ich geb mich ungern geschlagen und eine Tabelle wäre die bessere Lösung!

Tags