Body Background nach letzten </div> nicht mehr ersichtlich?!

Status
Nicht offen für weitere Antworten.

danielerne

Mitglied
Hallo

Ich erstelle gerade eine neue Website mit dem XHTML 1.1 Standard. Die Seite ist validiert, sowie das CSS. Jedoch hat die Seite eine Macke.
Wenn der Inhalt klein ist, wird der background nur bis zum letzten div angezeigt..
Warum

Ich hatte mich gestern zu tödlichst aufgeregt und habe bereits Stunden investiert nur für dieses Problem.

Beiliegend dass CSS für den Body und Container

Code:
body {

      font-family: "Verdana", Lucida, Verdana, sans-serif;
      font-size: 10px;
      background: url(stripe_bg.png) repeat;
	  background-color:#000000;
      color: #FFFFFF;
      margin: 0px;
	  padding: 0px;
	  
}

#container {
	
     height: 100%;
     margin: auto;
     text-align: center;
    width:760px;
}
 
Hi,

gibt es die Seite irgendwo zu betrachten, denn mit dem CSS-Snippet wird bei mir der Seitenhintergrund nicht "abgeschnitten", selbst wenn in #container nur ein Einzeiler an Text enthalten ist.

mfg Maik
 
Hallo Maik

Hast Du es auch in XHTML 1.1 gespeichert? ;)
Anscheinend hat XHTML mühe mit dem Hintergrund und setzt den body background nur so weit bis zum Div-Container.

Habe in die CSS Datei folgendes geschrieben:

Code:
html {
    background: url(stripe_bg.png) repeat;
}

Nun funktionierts.

Ja.., die Seite wäre unter folgender Adresse erreichbar:
http://www.swiss-development.ch/translator/beta

Da die Texte dynamisch geladen werden, erscheinen einige noch mit Konstanten (bin noch nicht fertig)

Was ich auch noch nicht hingekriegt habe, ist die lightbox unter Xhtml zum laufen zu bringen. Es will einfach nicht funktionieren...
 
Hast Du es auch in XHTML 1.1 gespeichert? ;)
Ja, das hatte ich gemäß deiner Problembeschreibung berücksichtigt:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<title>tutorials.de | demo_danielerne</title>

<style type="text/css">
<!--
body {

      font-family: "Verdana", Lucida, Verdana, sans-serif;
      font-size: 10px;
      background: url(mein_Hintergrundbild.png) repeat;
          background-color:#000000;
      color: #FFFFFF;
      margin: 0px;
          padding: 0px;

}

#container {

     height: 100%;
     margin: auto;
     text-align: center;
    width:760px;
}
-->
</style>

</head>
<body>

<div id="container">foobar</div>

</body>
</html>
Was ich auch noch nicht hingekriegt habe, ist die lightbox unter Xhtml zum laufen zu bringen. Es will einfach nicht funktionieren...
Ich hab vor nicht allzu langer Zeit die Lightbox in einem XHTML-Dokument problemlos implementiert.

mfg Maik
 
Hallo maik

Kannst du mir eventuell verraten wie du das mit der Lightbox gelöst hast?
Ich habe es nicht in den Griff bekommen.
 
Ich musste da nichts "lösen", sondern hab sie ganz einfach / normal in der Seite eingebaut.

mfg Maik
 
Status
Nicht offen für weitere Antworten.
Zurück