Problem mit div id in html

    Hallo mein Name ist Trax und ich bin neu hier.
    Als erstes ein großes Lob an eure Tutorials. Die haben mir sehr geholfen meine Webseite zu bauen.
    Nun mein Problem. Habe meine Seite validiert und habe nur 1 Fehler drin, den ich mir aber nicht erklären kann. Der Validator verweist auf einen Fehler bei div id seitenbereich.
    Ich weiß das der End Tag </div> fehlt. Das ist der Fehler der moniert wird. Wenn ich aber den End Tag eingebe zerreisst es mir die Seite. Komisch ist dann auch , das wenn ich den Tag einbaue ich keinen Fehler mehr habe aber eine zerstörte Seite. Hoffe Ihr könnt mir helfen.

    Oh sorry dachte ich hätte den mit hochgeladen. Hier ist er:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>


    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta name="description" content="Homepage erstellen"/>
    <meta name="keywords" content="Webseite erstellen,Homepage,CMS"/>
    <meta name="author" content="Dein Name"/>
    <meta name="publisher" content="Dein Name"/>
    <meta name="copyright" content="Dein Name"/>
    <meta name="Content-language" content="de"/>
    <meta name="Revisit-after" content="30"/>
    <meta name="Page-topic" content="Inhalt der Seite"/>
    <meta name="page-type" content="homepage"/>
    <meta name="Audience" content="Alle"/>
    <meta name="Robots" content="INDEX,FOLLOW"/>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
    <meta name="title" content="Testpage" />
    <meta http-equiv="Content-Style-Type" content="text/css"/>


    <title>Testpage</title>
    <link rel="stylesheet" type="text/css" media="screen" href="design.css" />


    </head>


    <body>


    <div id="seitenbereich">


    <div id="kopfzeile">
    </div>


    <div id="steuerung">
    <a href="index.htm">Home</a>
    <a href="web.htm">Web</a>
    <a href="grafik.htm">Grafik</a>
    </div>


    <h1 id="heading1">Home</h1>


    <div id="navilinks">


    <h2>Platzhalter</h2><br />


    <img class="liquidcms" src="bilder/liquidcms.png" width="250" height="87" alt="liquiddev"/>
    </div>


    <div id="inhalte">
    <h2>Das hier ist eure Übungsseite</h2>
    <p>Diese Webseite könnt Ihr verwenden um damit zu üben. Weiterhelfen in Sachen html und css kann euch die Seite <a href="http://www.html-seminar.de/" target="_blank">html-seminar</a>. Die ist wirklich sehr hilfreich.</p>
    </div>


    <img class="banner" src="bilder/banner.jpg" width="980" height="100" alt="trax.kiezszene"/>

    <div id="fusszeile">
    <p>© 2012 trax.kiezszene.de <a href="#heading1">Seitenanfang</a></p>
    </div>

    </body>
    </html>

    OK: Mein CSS Code ist aber angeblich valide. Folgener Fehler wird für html angezeigt:
    Validation Output: 1 Error


    Line 61, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
    </body>
    ?
    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".


    Line 30, Column 1: start tag was here
    <div id="seitenbereich">

    Ich habe es jetzt nochmal mit dem eingebauten End Tag validiert. Ergebnis Valide!
    Wenn ich die Seite im IE oder Safari öffne ist sie völlig verschoben. Hier mal der Code der valide sein soll, aber die Seite halt nicht richtig darstellt.

    Gewöhn dir an, den Code richtig einzurücken, dann wirst du solche Fehler schneller finden. Hier mal dein Code, richtig eingerückt:


    Wie du vielleicht schon siehst, ist der erste div-Tag (<div id="seitenbereich">) nicht geschlossen, daher der Fehler im Validator. Der entsprechende End-Tag gehört unmittelbar vor </body>.


    Hoffe, ich konnte helfen,
    webmaster3000

    Es kann durchaus sein, dass ein invalider Code mit CSS so hingebogen wird, dass du das Ergebnis erhälst, welches du möchtest. Änderst du dann jedoch etwas im HTML, um die Seite valide zu machen kann es durchaus logisch und normal sein, dass sich alles verschiebt. Du musst dann wohl in den sauren Apfel beißen und dein CSS abändern, denn das ist ja schließlich fürs Design zuständig, weswegen es unlogisch wäre, am HTML etwas invalide zu belassen, nur damit es gut aussieht. Deshalb gibts ja CSS, um valides HTML so aussehen zu lassen, wie man möchte :)

    Vielen Dank für eure Hilfe.
    Jetzt sieht es gut aus und ich verspreche mich an die Einrückungen zu halten. Da das meine erste selbst erstellte Seite ist muss ich mich erst daran gewöhnen. Bisher habe ich nur eine Seite die mit einem CMS Baukasten erstellt ist. Diese hat allerdings sehr viele Fehler im Code. Darum wollte ich es mal selbst probieren und es natürlich möglichst besser machen.
    Wie sagt man so schön: Learning By Doing. :lol:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden