1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

[HTML] Tabellendarstellungsproblem im internet explorer

Dieses Thema im Forum "PHP & Co." wurde erstellt von Bigunit, 17.06.09.

  1. Bigunit

    Bigunit Carola

    Dabei seit:
    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.
     
  2. zoom

    zoom Antonowka

    Dabei seit:
    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
     
  3. Snoopy181

    Snoopy181 Roter Astrachan

    Dabei seit:
    16.02.09
    Beiträge:
    6.333
    Jop, einfach das Skript per [NOPARSE]
    Code:
    [/NOPARSE]-Funktion hier einbinden.
     
  4. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    25.04.09
    Beiträge:
    295
    Wofür nutzt du denn die Tabellen?
    Tabellen sind übrigens "out".
     
  5. Snoopy181

    Snoopy181 Roter Astrachan

    Dabei seit:
    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 ;)
     
  6. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    25.04.09
    Beiträge:
    295
    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.
     
  7. Snoopy181

    Snoopy181 Roter Astrachan

    Dabei seit:
    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...
     
  8. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    25.04.09
    Beiträge:
    295
    Wo hast du das denn her?

    Danke. Das war mir schon geläufig.
     
  9. Snoopy181

    Snoopy181 Roter Astrachan

    Dabei seit:
    16.02.09
    Beiträge:
    6.333
    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.
     
  10. ImperatoR

    ImperatoR Ananas Reinette

    Dabei seit:
    02.12.06
    Beiträge:
    6.235
    Tabellen sind für Layout „out“, aber wenn man sie tatsächlich als Tabelle benutzt vollkommen legitim. Aber ist ja deine Rede :)
     
    Snoopy181 gefällt das.
  11. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    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. ;)
     
  12. Snoopy181

    Snoopy181 Roter Astrachan

    Dabei seit:
    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"...
     
  13. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    25.04.09
    Beiträge:
    295
    Ja, aber nur bedingt. Er benutzt dazu Tabellen (HTML).

    Ich teile meine Inhalte in einzelne Segmente auf (Div-Tags) und formatiere diese dann mittels CSS.
     
  14. HamZtaR

    HamZtaR Grahams Jubiläumsapfel

    Dabei seit:
    27.06.08
    Beiträge:
    102
    Er wollte ja urspruenglich auch nur den Fehler wissen :)
     
  15. Bigunit

    Bigunit Carola

    Dabei seit:
    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>
    
    
     
  16. torben1

    torben1 Süsser Pfaffenapfel

    Dabei seit:
    05.08.08
    Beiträge:
    663
    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>
    
     
    #16 torben1, 18.06.09
    Zuletzt bearbeitet: 18.06.09
    Bigunit gefällt das.
  17. Bigunit

    Bigunit Carola

    Dabei seit:
    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?
     
    #17 Bigunit, 18.06.09
    Zuletzt bearbeitet: 18.06.09
  18. wipeout

    wipeout Ribston Pepping

    Dabei seit:
    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/
     
  19. Bigunit

    Bigunit Carola

    Dabei seit:
    28.05.09
    Beiträge:
    108
    Die Bilder sehen beide gleich aus.
    Der Wunsch ist, dass der "Rahmen" geschlossen ist. Alles andere ist falsch ;)
     
  20. FloydThreepwood

    FloydThreepwood Stechapfel

    Dabei seit:
    19.01.06
    Beiträge:
    161
    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
     

Diese Seite empfehlen