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

Div Container - Inhalt wird nicht angezeigt.

iinu_

Neues Mitglied
Hallo, seit kurzen entwickel ich eine website.
Nun habe ich das problem, ich kann in einen
Div-Container nichts rein schreiben :/

Hier mal der code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Schulsanitätsdienst - Home</title>
 <style type="text/css">
  body {
  background-color: #555555;
  }
  #page {
  position: center;
  background-image: url(images/template/background2.jpg);
  width: 1000px;
  height: 900px;
  margin-top: -100px; 
  margin-left: -150px;
  position: absolute; 
  top: 15%;
  left: 28%;
  bottom: 20px;
  }
  #header {
  background-image: url(images/template/background1.jpg);
  }
  #blackline {
  width: 1000px;
  height: 3px;
  background-color: black;
  }
  #inhalt {
  float: left;
  width: 800px;
  }
  #rechts {
  float: left;
  width: 200px;
  background-image: url(images/template/background3.jpg);
  height: 771px;
  }
  #blackline2 {
  width: 3px;
  height: 771px;
  background-color: black;
  float: left;
  }
  p {
  font-family: Thoma;
  }
 </style>
 <script type="text/javascript">
function Rechne () {
  alert("Diese funktion ist noch nicht m&ouml;glich!");
}
</script>
</head>
<body>
 <div id="page">
  <div id="header">
    <center><img src="http://www.html.de/images/template/banner.jpg" height="125"/></center>
  </div>
  <div id="blackline">
  
  </div>
  <div id="container">
   <div id="rechts">
    <p>Home > Bilder Hochladen</p>
   </div>
   <div id="blackline2">
    
   </div>
   <div id="inhalt">
    
  </div>
 </div>
</body>
</html>

Wäre dankbar für schnelle antwort ;)
 
Zuletzt bearbeitet:
Werbung:
In welchen "div-Container"? Und was meinst Du mit "nicht reinschreiben"?

Übrigens ist dein HTML-Code fehlerhaft. Doctype fehlt und schau mal ans Ende der Datei.
 
In den "inhalt"-container.
wenn ich mit <p> oder z.b. <h3>
was reinschreiben will, wird das nicht angezeigt.
 
Werbung:
Ich habe mit Notepad nochmal kontrolliert ob alle divs zugehen, tuen sie auch, geht aber immer noch nicht.
 
Werbung:
In dem Code, der oben steht, ist das definitiv nicht so. Wenn der Fehler noch nicht weg ist, dann brauchen wir erstmal deinen geänderten Code. Folgende Zeile ist aber auf jeden Fall noch zu ändern:
Code:
    <p>Home > Bilder Hochladen</p>
Eckige Klammern sind in HTML nicht erlaubt (da sie Elemente auszeichnen). Diese müssen maskiert werden. In deinem Fall wird daraus &gt; (greater than). Mehr dazu unter SELFHTML: HTML/XHTML / Allgemeine Regeln fr HTML / Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen .

Gruß
Körnerbrötchen
 
Das ist jetzt der neue code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Schulsanitätsdienst - Home</title>
 <style type="text/css">
  body {
  background-color: #555555;
  }
  #page {
  position: center;
  background-image: url(images/template/background2.jpg);
  width: 1000px;
  height: 900px;
  margin-top: -100px; 
  margin-left: -150px;
  position: absolute; 
  top: 15%;
  left: 28%;
  bottom: 20px;
  }
  #header {
  background-image: url(images/template/background1.jpg);
  }
  #blackline {
  width: 1000px;
  height: 3px;
  background-color: black;
  }
  #inhalt {
  float: left;
  width: 800px;
  }
  #rechts {
  float: left;
  width: 200px;
  background-image: url(images/template/background3.jpg);
  height: 771px;
  }
  #blackline2 {
  width: 3px;
  height: 771px;
  background-color: black;
  float: left;
  }
  p {
  font-family: Thoma;
  }
 </style>
 <script type="text/javascript">
function Rechne () {
  alert("Diese funktion ist noch nicht m&ouml;glich!");
}
</script>
</head>
<body>
 <div id="page">
  <div id="header">
    <center><img src="http://www.html.de/images/template/banner.jpg" height="125"/></center>
  </div>
  <div id="blackline">
  
  </div>
  <div id="container">
   <div id="rechts">
    <p>Home &gt; Bilder Hochladen</p>
   </div>
   <div id="blackline2">
    
   </div>
   <div id="inhalt">
    <p>Lolololol</p>
   </div>
  </div>
 </div>
</body>
</html>

EDIT//
Ich habs auch mit der Hintergrundfarbe getestet, die sehe ich ebenfalls nicht...
 
Also ich seh alles weiss ja nicht was du gemacht hast aber die Inhalte werden angezeigt halt einfach untereinander, da wohl die floatings nicht gegeben sind.
 
Werbung:
Zurück
Oben