Timm: Padding und Tables

SELF-Forum

Padding und Tables

Timm
– Informationen zu den Bewertungsregeln

Hallo,

ich habe dauernd Probleme mit dem Internet Explorer (mit Mozilla Firebird klappt alles)

Hier erstmal der kleine Code:

<div style="padding: 20px;">
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>Left</td>
<td>Right</td>
</tr>
</table>
</div>

Ich habe mir das so überlegt:
Ich mache mit dem Div-Tag einen neuen Bereich. Alle Inhalte sollen einen Abstand von 20px zu dem Rand dieses Bereichs haben. Ok, dort setze ich jetzt also eine Tabelle rein, diese soll auch einen Abstand von 20px zum Rand des Div-Bereichs haben, aber es soll ansonsten 100% des Restes einnehmen. (Ich hoffe, ihr versteht, was ich meine)

Wie gesagt, Mozilla FireFox interpretiert alles richtig. Aber der IE scheint diese 100% nicht zu verstehen, er scheint die 100% auf die gesamte Seite zu beziehen, weshalb auch Scrollbars entstehen!

Wie kann ich das Problem lösen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Padding und Tables

    XaraX Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Timm,

    folgender code ergibt bei mir im IE 6 diese Ausgabe:

    <img src="http://eddi.to-grip.de/x.png" border="0" alt="">

    der code dazu:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">

    <html>
    <head>
    <title>Infobox</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <STYLE type="text/css">

    </STYLE>
    </head>
    <body>
    <div style="padding: 20px;">
    <table border="1" cellspacing="0" cellpadding="0" width="100%">
    <tr>
    <td>Left</td>
    <td>Right</td>
    </tr>
    </table>
    </div>

    </body>
    </html>

    Gruß aus Berlin!
    eddi

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Padding und Tables

      Timm
      – Informationen zu den Bewertungsregeln

      Das funktioniert!

      Anscheinend liegt es an diesem "DOCTYPE"?!

      Bei mir sieht das nämlich so aus:
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      Und dann funktioniert es nicht!

      Was bewirkt das denn genau?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Padding und Tables

        Thomas Luethi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo,

        Anscheinend liegt es an diesem "DOCTYPE"?!
        Was bewirkt das denn genau?

        Stichwort Doctype Switch:
        http://www.heise.de/ix/artikel/2004/03/136/

        Mit gewissen Doctypes schickt man MS IE 6.0 in den "Quirks Modus".
        Dann verhaelt er sich z.B. bezueglich Box Modell genauso kaputt wie
        seine Vorgaenger (5.0, 5.5).

        Gruesse,

        Thomas

        --
        Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
        Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
        Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln