• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

!DOCTYPE HTML verändert das Design

M

musikbaer

Neues Mitglied
Hallo,
kurz zu mir, ich betreibe aus Hobbygründen eine kleine Webseite die www.berlintee.de und nun arbeite ich auch an einer Geschäftsseite, die aber ein anderer im Jahre 2002 erstellt hat. Da das Design vorerst so bleiben soll, versuche ich neben den Inhalt auch den Code etwas zu bereinigen.
Die Seiten bestehen leider aus drei Frames, eines für den Kopf, eines für die Seitennavigation und eines für den Inhalt.
Das Navigationframe macht mir etwas sorgen und ich hoffe jemand hat einen Tipp für mich.
Der Frame besteht aus vier aneinander gereihten Hintergrundgrafiken und den Links in Textform.
Mein Problem ist, ich habe den Code von allem unnötigen bereinigen können, nur wenn ich den DOCTYPE in Kurzerform als <!DOCTYPE HTML> schreibe und nicht als "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> dann entstehen zwischen den Hintergrundgrafiken Zwischenräume von ca. 2px, und das sieht sehr unschön aus.
Hat jemand vielleicht eine Erklärung für mich damit ich es verstehen kann was da passiert?

Danke sagt der Musikbaer
 
Ich weiß nicht welche Hintergrundgrafik du meinst. Poste doch bitte mal einen Code.Ich bin mir nicht sicher aber kann man Frames nicht durch php include ersetzen.
 
Hallo Alex55,

es ist eigentlich ein einfacher Code nur, wenn ich wie geschrieben die Schreibweise für das Doctype in Kurzform schreibe ändert sich das Design.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<html lang="de">

    <head>
        <meta charset="utf-8">
        <base target="content">
        <link rel="stylesheet" type="text/css" href="../css/navleft.css">
        <script language="JavaScript" type="text/javascript" src="../js/navleft.js"></script>

        <title>Turberg - modellbahnen und modellautos</title>
    </head>

    <body>

        <div id="tablemenusub" border=1>
            <table cellspacing=0 cellpadding=0 border=0>
            <tr><td><img src="../img/navlefttop.gif" class="navtop" height=53 width=160></td></tr>
            <tr><td><img src="../img/navleftstart.gif" class="navstart" height=28 width=160></td></tr>
            <tr><td><img src="../img/navleftmiddle.gif" class="navmiddle" height=350 width=160 name="middleimg"></td></tr>
            <tr><td><img src="../img/navleftend.gif" class="navbottom" height=150 width=160 name="bottomimage"></td></tr>
            </table>
        </div>

        <div id="menuset">
            <img src="../img/emptyicon.gif" width=12 height=12><a href="main.html">Start</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="turberg.html">Die Firma Turberg</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="laden.html">Unser Gesch&auml;ft</a><br>
               <img src="../img/emptyicon.gif" width=12 height=12><a href="angebote.html">Angebote</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="wochencontent.html">Neuheiten</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/bahn.html">Modellbahnen</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/bahnz.html">Modellbahnzubeh&ouml;r</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/auto.html">Modellautos</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/flug.html">Modellflugzeuge</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/modellbau.html">Plastikmodellbau</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/rccars.html">RC-Cars</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/slotcar.html">Autorennbahnen</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/literatur.html">Literatur/Videos</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="hersteller/spielwaren.html">Spielwaren</a><br>
            <br>
            <img src="../img/emptyicon.gif" width=12 height=12><a href="kontakt.html">Kontakt (Tel./Mail)</a><br>
            <img src="../img/emptyicon.gif" width=12 height=12><img src="../img/emptyicon.gif" width=12 height=12><a href="stellen.html">Stellenangebote</a><br>

            <br>
        </div>

    </body>
</html>
 
Hallo

nur wenn ich den DOCTYPE in Kurzerform als <!DOCTYPE HTML> schreibe
Zum Vergrößern anklicken....

Du schreibst den Doctype nicht in Kurzform sondern benutzt ein anderes HTML, nämlich HTML5.

Dementsprechend musst du auch beim Quelltext die HTML5-Regeln beachten.

cellpadding und cellspacing sowie noch andere Tabellen- und auch ganz andere Elemente und Anweisungen sind in HMTL5 gestrichen, die gibt es nicht mehr. Als Folge reagieren Seiten, die als HTML5 deklariert sind, auf solche Anweisungen nicht mehr. Siehe zum Beispiel ziemlich in der Mitte von

http://www.mediaevent.de/xhtml/table-HTML-Tabelle.html

unter "Attribute für table"

Genau so wie Frames für HTML5 auch gestrichen sind, siehe z. B.

http://pehbehbeh.de/webentwicklung/html-css/tags-html5-nicht-unterstuetzt-alternativen/

Gruss

MrMurphy
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben