XML Elemente randlos im IE

  • XML Elemente randlos im IE

    Hallo, möchte XML lernen und häng schon bei ganz einfachen Sachen

    Ich habe eine Definition, eine CSS und eine XML Datei.
    Die Ausgabe im Browser funktioniert, aber die Darstellung im FF und IE sind unterschiedlich.
    Ich habe einen Element, welches randlos z. B. als Header verwendet werden soll.

    Hier die Scripte:

    xml.dtd

    Quellcode

    1. <!ELEMENT construkt (einfuegen,inhalt)>
    2. <!ELEMENT einfuegen (#PCDATA)*>
    3. <!ELEMENT inhalt (#PCDATA)*>


    xml.css

    Quellcode

    1. construkt{
    2. }
    3. einfuegen{
    4. BACKGROUND-COLOR:#666666;
    5. POSITION:absolute;
    6. TOP:100px;
    7. LEFT:100px;
    8. WIDTH:300px;
    9. HEIGHT:200px;
    10. FONT-FAMILY:Arial,Helvetica;
    11. FONT-SIZE:14px;
    12. COLOR:#ffffff;
    13. PADDING: 10px 10px 10px 10px;
    14. }
    16. inhalt{
    17. BACKGROUND-COLOR:brown;
    18. WIDTH:100%;
    19. HEIGHT:50px;
    20. POSITION:absolute;
    21. FONT-FAMILY:Arial,Helvetica;
    22. FONT-SIZE:16px;
    23. COLOR:#ffffff;
    24. padding:10px 10px 10px 10px;
    25. }
    Alles anzeigen


    index.xml

    Quellcode

    1. <?xml version="1.0" encoding="ISO-8859-1" ?>
    2. <?DOCTYPE adressen SYSTEM "xml.dtd"?>
    3. <?xml-stylesheet type="text/css" href="xml.css" ?>
    4. <html>
    5. <head>
    7. </head>
    8. <body marginheight="0" marginwidth="0" leftmargin="0">
    9. <construkt>
    10. <einfuegen>
    11. Dies ist ein Test.
    12. </einfuegen>
    13. <inhalt>
    14. Dies ist noch ein Test
    15. </inhalt>
    16. </construkt>
    18. </body>
    19. </html>
    Alles anzeigen


    Nun, frage ich mich, warum die Darstellung im FF funktioniert und im IE nicht.
    Habe schon mit margin-left probiert, klappt aber nicht. Was mache ich falsch.

    Ich hoffe dieser Beitrag ist nicht unter eurer Würde und freue mich über Hilfe.

    Gruß

  • Du solltest die DTD für HTML noch angeben. Z.B. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    Sonst kennt er doch die Attribute gar nicht (Browser sind natürlich benutzerfreundlich und geben sich dennoch Mühe)

    Außerdem versuchs mal mit

    Quellcode

    1. body {
    2. margin:0px;
    3. }


    Und checke deinen Code mit dem Validator: validator.w3.org/