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.
Tutorial HTML, CSS u. PHP - Forum
Fragen und Antworten bei allen Problemen rund um Deine Homepage
gemeinsames Forum von www.html-seminar.de und www.PHP-Kurs.com
unser NEUES Forum gibt es unter
http://html-seminar.de/html-css-php-forum/
(Daten und Benutzer wurden übernommen, Kennwörter nicht, daher "Kennwort vergessen" beim ersten Nutzen verwenden!)
Problem mit div id in html
Moderator: lauras
Problem mit div id in html
von Trax » Sonntag 29. Januar 2012, 09:41
- Trax
- HTML-Suchnase
- Beiträge: 5
- Registriert: Sonntag 29. Januar 2012, 09:27
- Wohnort: Berlin
Re: Problem mit div id in html
von webmaster3000 » Sonntag 29. Januar 2012, 09:55
Dürften wir mal bitte einen Blick auf deinen Code werfen?
- webmaster3000
- HTML-Doctor
- Beiträge: 257
- Registriert: Donnerstag 29. September 2011, 16:32
- Wohnort: Irgendwo in Thüringen
Re: Problem mit div id in html
von Trax » Sonntag 29. Januar 2012, 09:59
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>
<!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>
- Trax
- HTML-Suchnase
- Beiträge: 5
- Registriert: Sonntag 29. Januar 2012, 09:27
- Wohnort: Berlin
Re: Problem mit div id in html
von drPHIP132 » Sonntag 29. Januar 2012, 10:22
hey du 
bitte nutze mal BB-code. das macht es uns leichter, deine quellcode's zu lesen.
PS: wir bräuchten schon deinen CSS-Code um das Problem zu finden
bitte nutze mal BB-code. das macht es uns leichter, deine quellcode's zu lesen.
- Code: Alles auswählen
[code]hier kommt der code rein..[/code]
PS: wir bräuchten schon deinen CSS-Code um das Problem zu finden
-
drPHIP132 - HTML-Acrobat
- Beiträge: 744
- Registriert: Samstag 15. Januar 2011, 19:10
- Wohnort: Sachsen, Erzgebirge
Re: Problem mit div id in html
von Trax » Sonntag 29. Januar 2012, 10:31
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">
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">
- Code: Alles auswählen
<!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>
* {
margin : 0;
padding : 0;
}
BODY {
background-color : Black;
text-align : center;
font-size : 14px;
font-family : Arial;
font-weight : normal;
font-style : normal;
color : White;
}
#seitenbereich {
text-align : left;
margin : 0 auto;
width : 1000px;
background-color : #fd6a01;
}
#kopfzeile {
background : url(bilder/header.jpg) no-repeat left top;
width : 1000px;
height : 200px;
}
#fusszeile {
clear : both;
background-color : #fd6a01;
border-top : 2px solid black;
padding-left : 350px;
padding-top : 10px;
padding-bottom : 5px;
}
#navilinks {
float : left;
background-color : #fd6a01;
width : 300px;
padding-left : 10px;
padding-right : 0px;
padding-bottom : 10px;
}
#inhalte {
background-color : #fd6a01;
margin-left : 300px;
width : 660px;
padding-left : 30px;
padding-right : 10px;
padding-bottom : 10px;
}
#steuerung {
background-color : #fd6a01;
width : 980px;
padding-left : 10px;
padding-right :10px;
}
P {
font-size : 13px;
font-family : Arial;
font-weight : normal;
font-style : normal;
color : White;
}
H1 {
font-size : 30px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Yellow;
background-color : #fd6a01;
width : 0px;
padding-left : 330px;
padding-top : 10px;
}
H2 {
font-size : 20px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Yellow;
}
H3 {
font-size : 15px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Yellow;
}
A {
font-size : 14px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Aqua;
}
A:Visited {
font-size : 14px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Lime;
}
A:Active {
font-size : 14px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Green;
}
A:Hover {
font-size : 14px;
font-family : Arial;
font-weight : bold;
font-style : normal;
color : Gray;
}
.liquidcms {
float : left;
width : 250px;
height : 87px;
padding-left : 10px;
padding-right : 0px;
padding-bottom : 5px;
}
.banner {
width : 980px;
height : 100px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
}
- Trax
- HTML-Suchnase
- Beiträge: 5
- Registriert: Sonntag 29. Januar 2012, 09:27
- Wohnort: Berlin
Re: Problem mit div id in html
von drPHIP132 » Sonntag 29. Januar 2012, 10:40
ich sehe keinen unterschied bei mir, wenn <div id="seitenbereich"> gesetzt ist.
-
drPHIP132 - HTML-Acrobat
- Beiträge: 744
- Registriert: Samstag 15. Januar 2011, 19:10
- Wohnort: Sachsen, Erzgebirge
Re: Problem mit div id in html
von Trax » Sonntag 29. Januar 2012, 11:01
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.
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.
- Code: Alles auswählen
<!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>
<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>
- Trax
- HTML-Suchnase
- Beiträge: 5
- Registriert: Sonntag 29. Januar 2012, 09:27
- Wohnort: Berlin
Re: Problem mit div id in html
von webmaster3000 » Sonntag 29. Januar 2012, 11:13
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
- Code: Alles auswählen
<!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>
</div> <!-- Ende des ersten div-Tags -->
</body>
</html>
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
- webmaster3000
- HTML-Doctor
- Beiträge: 257
- Registriert: Donnerstag 29. September 2011, 16:32
- Wohnort: Irgendwo in Thüringen
Re: Problem mit div id in html
von lauras » Sonntag 29. Januar 2012, 11:16
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
-
lauras - Moderator
- Beiträge: 2114
- Registriert: Samstag 3. November 2007, 22:08
Re: Problem mit div id in html
von Trax » Sonntag 29. Januar 2012, 11:35
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.
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.
- Trax
- HTML-Suchnase
- Beiträge: 5
- Registriert: Sonntag 29. Januar 2012, 09:27
- Wohnort: Berlin
Re: Problem mit div id in html
von webmaster3000 » Sonntag 29. Januar 2012, 20:03
Das ist die richtige Einstellung! Und wenn weitere Problemchen auftreten, dann zöger nicht, hier zu fragen!
- webmaster3000
- HTML-Doctor
- Beiträge: 257
- Registriert: Donnerstag 29. September 2011, 16:32
- Wohnort: Irgendwo in Thüringen
Beiträge bitte im neuen Forum
11 Beiträge
• Seite 1 von 1
Zurück zu HTML - xHTML - HTML5
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast