[HTML] Tabellendarstellungsproblem im internet explorer

Bigunit

Carola
Registriert
28.05.09
Beiträge
108
Hallo,

ich habe hier eine recht tirviale Tabellenverschachtelung, die in allen Browsern bis auf den iE korrekt dargestellt wird. Hat evtl. jemand kurz 3Minuten und sagt mir wo mein Fehler ist?

Bitte per PN oder ICQ kontaktieren (73704348), dann schick ich das File rüber.

Gruß

Edit:
Die Fehler liegt wohl (Vermutung) daran, dass 2 <tr> mit height="2" nicht als solche interpretiert werden sondern deutlich höher sind.
 

zoom

Antonowka
Registriert
06.03.06
Beiträge
356
Hallo.

Poste doch deinen Quellcode hier. So ein Forum ist doch dazu da, dass auch andere etwas lernen. Das wirkt hier gerade wie eine Vermittlungsbörse für Pro-Anwender.

Gruß zoom
 

Snoopy181

Roter Astrachan
Registriert
16.02.09
Beiträge
6.333
Jop, einfach das Skript per [NOPARSE]
Code:
[/NOPARSE]-Funktion hier einbinden.
 

wipeout

Ribston Pepping
Registriert
25.04.09
Beiträge
295
Wofür nutzt du denn die Tabellen?
Tabellen sind übrigens "out".
 

Snoopy181

Roter Astrachan
Registriert
16.02.09
Beiträge
6.333
Für kleine Seiten und unerfahrene Programmiere oder für ganz bestimmte Inhalte sind Tabellen sinnvoller als irgendeine php-Geschichte. Und wenn Du schon Tabellen kritisierst, wäre es ganz sinnvoll, auch eine Alternative aufzuzeigen ;)
 

wipeout

Ribston Pepping
Registriert
25.04.09
Beiträge
295
Für kleine Seiten und unerfahrene Programmiere oder für ganz bestimmte Inhalte sind Tabellen sinnvoller als irgendeine php-Geschichte. Und wenn Du schon Tabellen kritisierst, wäre es ganz sinnvoll, auch eine Alternative aufzuzeigen ;)
Deswegen stand das out ja auch in Anführungszeichen.
Tabellen sollten da zum Einsatz kommen, wo tabellarische Inhalte benötigt werden.
Für das Layout ist heute HTML/CSS die bessere Lösung.
 

Snoopy181

Roter Astrachan
Registriert
16.02.09
Beiträge
6.333
Für ein angemessenes Layout sollte man Frames verwenden, mit CSS kann man da auch nicht viel erreichen. Table-Quelltext ist übrigens auch HTML...
 

Snoopy181

Roter Astrachan
Registriert
16.02.09
Beiträge
6.333
Wo hast du das denn her?
Ich habe es so in der Schule gelernt. Wenn ich eine Seite nur mit HTML programmiere und lediglich CSS verwende, um mir die Formatierung jeder einzelnen Datei zu ersparen, bleiben mir für Sachen wie Titelleiste und Index auf einer Seite nur zwei Möglichkeiten: Tabellen (was, wie Du bereits gesagt hast, eine riesige Friemelei ist) und Frames (was deutlich einfacher ist).

Wenn Du noch andere Ideen hast, dann poste sie doch einfach, statt nur zu sagen "Ist Unsinn" und irgendwelche Antworten zu geben, die einem nicht weiterhelfen. Dass der TE mit HTML arbeitet, dürfte er gemerkt haben, wenn er die <tr>-Tags kennt.
 

wipeout

Ribston Pepping
Registriert
25.04.09
Beiträge
295
Also ich spreche nur aus eigener Erfahrung und setze ausschließlich bei der Erstellung von Webseiten auf HTML/CSS, weil das momentan der aktuelle Standard ist. Der Einsatz von HTML/CSS bietet mir eine optimale Trennung von Struktur und Gestaltung, dadurch wird ein übersichtlicher HTML-Code gewährleistet und ermöglicht bessere Suchmaschinenplatzierungen. CSS unterstützt mehrere Medientypen, worauf ich nicht nur auf die Gestaltung von Bildschirmen beschränkt bin (Barrierefreiheit). Außerdem habe ich durch den Einsatz von CSS mehr gestalterische Möglichkeiten, vor allem in dem typografischen Bereich, da CSS mit einer Vielzahl von Eigenschaften aus dem DTP-Bereich ausgerüstet ist. Aufgrund der externen CSS-Dateien kann ich schnell Designänderungen vornehmen, dass widerrum verkürzt die Wartungsarbeiten.

Wie gesagt, alle Techniken haben ihre Daseinsberechtigungen, nur sollte man diese heutzutage mit Bedacht einsetzen.

Ich glaube, wir driften zu sehr von dem eigentlichen Thema ab. ;)
 

Snoopy181

Roter Astrachan
Registriert
16.02.09
Beiträge
6.333
Schön, wir haben spätestens jetzt verstanden, dass Du HTML/CSS verwendest. Das tut der TE auch, also helfen ihm Deine Posts schonmal nicht weiter.

Sowohl der table- als auch der frame-Tag sind HTML. Wie erstellst Du denn nun Dein Layout? Und antworte bitte nicht zum dritten Mal "mit HTML/CSS"...
 

wipeout

Ribston Pepping
Registriert
25.04.09
Beiträge
295
Das tut der TE auch, also helfen ihm Deine Posts schonmal nicht weiter.
Ja, aber nur bedingt. Er benutzt dazu Tabellen (HTML).

Sowohl der table- als auch der frame-Tag sind HTML. Wie erstellst Du denn nun Dein Layout? Und antworte bitte nicht zum dritten Mal "mit HTML/CSS"...
Ich teile meine Inhalte in einzelne Segmente auf (Div-Tags) und formatiere diese dann mittels CSS.
 

HamZtaR

Grahams Jubiläumsapfel
Registriert
27.06.08
Beiträge
102
Er wollte ja urspruenglich auch nur den Fehler wissen :)
 

Bigunit

Carola
Registriert
28.05.09
Beiträge
108
Hier der Quellcode mal sehr vereinfacht.
Ich versteh nicht warum der obere und untere <tr> falsch interpretiert werden. Oder ist das nicht der Fehler?!

Code:
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Banner</title>

<style type="text/css"> A:link {text-decoration: none}; A:visited {text-decoration: none}; A:active {text-decoration: none}; A:hover {text-decoration: underline}; </style>

</head>

<body style="margin:0px">

<table width="300px" height="250px" cellspacing="0" cellpadding="0" border="0">

<!-- Rahmen oben-->
<tr height="2px"> 
    <td colspan="3"><img src="http://www.partnerbridge.de/images/anim.gif" width="300" height="2px">
    </td>
    <tr>
<td height="296" width="2"><img src="http://www.partnerbridge.de/images/anim.gif" width="2" height="296px">
    </td>
    <td>
                
                <table cellspacing="0" cellpadding="0" border="0" height="296">


                
<!-- Werbemittel 1 -->
<tr height="80px"> 
    <td width="4">
    </td>
    <td width="90" align="center" bgcolor="#CDC5BF">    </td>
    <td width="10">
    </td>
    <td width="188" style="font-size:10px; font-family:Arial"></td>
    <td width="4">
    </td>
    </tr>

<tr height="3px"> 

    <td colspan="5" width="296" height="3">
    </td>
    
</tr>


<!-- Werbemittel 2 -->
<tr height="80px"> 

    <td width="4">
    </td>
    <td width="90" align="center" bgcolor="#CDC5BF">    </td>
    <td width="10">
    </td>
    <td width="188" style="font-size:10px; font-family:Arial"></td>
    <td width="4">
    </td>
    
</tr>

<tr height="3px"> 

    <td colspan="5" width="296" height="3">
    </td>
    
</tr>

<!-- Werbemittel 3 -->
<tr height="80px"> 
    
    <td width="4px">
    </td>
    <td width="90px" align="center" bgcolor="#CDC5BF"></td>
    <td width="10px">
    </td>
    <td width="188px" style="font-size:10px; font-family:Arial; color: black"> </td>
    <td width="4px">
    </td>

</tr>
            


            
                
                </table>
    </td>
    <td height="296" width="2"><img src="http://www.partnerbridge.de/images/anim.gif" width="2" height="296px">
    </td>
    </tr>
    <tr><td colspan="3" valign="top"><img src="http://www.partnerbridge.de/images/anim.gif" width="300" height="2px">
    </td>
</tr>





</table>

 

</body>

</html>
 

torben1

Weisser Rosenapfel
Registriert
05.08.08
Beiträge
795
Bei der ersten "Draufsicht" fällt mir auf das Dein erstes tr nicht geschlossen wird.

Ein paar Tipps noch am Rande:
1. Quellcode leserlich einrücken (dann fallen fehlende Tags besser auf)
2. Seiten validieren (z.B. Online mit http://validator.w3.org)

Und zum Thema Tabellen http://www.css4you.de/wslayout1/index.html da wird erklärt warum Tabellen in Deinem Fall nicht so gut sind und was Du stattdessen machen kannst.

Und BITTE benutze kein Frames! Diese Technik hat nur Nachteile.

Torben

Edit:
So würde ich Deine Code einrücken:
Code:
<table width="300px" height="250px" cellspacing="0" cellpadding="0" border="0">
    <!-- Rahmen oben-->
    <tr height="2px"> 
        <td colspan="3"><img src="http://www.partnerbridge.de/images/anim.gif" width="300" height="2px"></td>
    <tr>
        <td height="296" width="2"><img src="http://www.partnerbridge.de/images/anim.gif" width="2" height="296px"></td>
        <td>
               <table cellspacing="0" cellpadding="0" border="0" height="296">
                 <!-- Werbemittel 1 -->
                <tr height="80px"> 
                    <td width="4"></td>
                    <td width="90" align="center" bgcolor="#CDC5BF"></td>
                    <td width="10"></td>
                    <td width="188" style="font-size:10px; font-family:Arial"></td>
                    <td width="4"></td>
                </tr>
                <tr height="3px"> 
                    <td colspan="5" width="296" height="3"></td>
                </tr>
                <!-- Werbemittel 2 -->
                <tr height="80px"> 
                    <td width="4"></td>
                    <td width="90" align="center" bgcolor="#CDC5BF"></td>
                    <td width="10"></td>
                    <td width="188" style="font-size:10px; font-family:Arial"></td>
                    <td width="4"></td>
                </tr>
                <tr height="3px">
                    <td colspan="5" width="296" height="3"></td> 
                </tr>
                <!-- Werbemittel 3 -->
                <tr height="80px"> 
                    <td width="4px"></td>
                    <td width="90px" align="center" bgcolor="#CDC5BF"></td>
                    <td width="10px"></td>
                    <td width="188px" style="font-size:10px; font-family:Arial; color: black"> </td>
                    <td width="4px"></td>
                </tr>
             </table>
        </td>
        <td height="296" width="2"><img src="http://www.partnerbridge.de/images/anim.gif" width="2" height="296px"></td>
    </tr>
    <tr>
        <td colspan="3" valign="top"><img src="http://www.partnerbridge.de/images/anim.gif" width="300" height="2px"></td>
    </tr>
</table>
 
Zuletzt bearbeitet:
  • Like
Reaktionen: Bigunit

Bigunit

Carola
Registriert
28.05.09
Beiträge
108
Hallo torben,

danke schonmal für das erste tr
1. ist wohl ne sache des forums, der original quellcode hier sieht anders aus ;)
2. danke für den tip

problem ist allerdings noch nicht gelöst. jetzt arbeit ich mal den validator durch.

edit:
keine änderungen im internet explorer. scheint als käm ich hier mit den tabellen nicht weiter?! noch jemand eine idee?
 
Zuletzt bearbeitet:

wipeout

Ribston Pepping
Registriert
25.04.09
Beiträge
295
Hallo Bigunit,

mit welchem IE hast du denn die Darstellungsprobleme?
Bei mir nämlich wurden in sämtlichen IE (5, 6, 7 ,8) unter Windows XP alles korrekt dargestellt.
Abweichungen hingegen gab es beim Firefox 3.0.11 und Safari 4.0.1 sowohl unter OS X als auch unter Windows XP.

Safari 4.0.1 OS X / WIndows XP jeweils die selben Darstellungen
http://img194.imageshack.us/i/safarimac.png/

Firefox 3.0.11 OS X / Windows XP jeweils die selben Darstellungen
http://img194.imageshack.us/i/firefoxmac.png/
 

Bigunit

Carola
Registriert
28.05.09
Beiträge
108
Die Bilder sehen beide gleich aus.
Der Wunsch ist, dass der "Rahmen" geschlossen ist. Alles andere ist falsch ;)
 

FloydThreepwood

Stechapfel
Registriert
19.01.06
Beiträge
161
Sowohl der table- als auch der frame-Tag sind HTML. Wie erstellst Du denn nun Dein Layout? Und antworte bitte nicht zum dritten Mal "mit HTML/CSS"...

Das ist nicht richtig so. Tabellen-Layout ist nicht weiter vom W3C unterstützt. Die lassen sich sogar recht ausführlich zu dem Thema aus. Frames sind nicht im strikten (X)HTML Standart enthalten. Seit HTML 4.0 darf man in der strict Veriante keine Framesets und iFrames definieren. Laut W3C ist im übrigen strict der einzig semantisch korrekte HTML Standart. Im übrigen werden sogar einige der table-Attribute in HTML5 wegfallen um in Zukunft Layouts darüber unmöglich zu machen.

Wenn du fragst was die Alternative ist, dann sind es floats mit marrgins oder css-tabellen seit dem IE8.

MFG JPP