!DOCTYPE HTML verändert das Design

html.de-Forum HTML, XHTML & CSS
1

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 schreibe und nicht als " 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

2

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.

3

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]

<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]
4

Hallo

nur wenn ich den DOCTYPE in Kurzerform als schreibe

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