was ist falsch von dominik, 24.01.2008 19:07

was ist falsch

dominik 24.01.2008 19:07

hallo ich habe lange rumprobiert und versucht ein hintergrundbild einzufügen nach einiger zeit hab ich es zwar geschafft aber jetzt ist der text nicht auf dem hintergrund bild
öffnet den code mal mit eurem browser ich hoffe ihr wisst was ich meine (ich hab die grafiken etc. entfernt)
und bei der gelegenheit könnt ihr ihn auch bitte gleich auf fehler untersuchen^^
hier ist der code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title> </title>
<style type="text/css">
<!--
body {

color: black; background-color: white
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em;
  }

div.Hintergrund {
     background-image: url( );
     width: 436px;
     height: 819px;
     float: left;
}

div.Hintergrund2 {
background-image: url( );
height: 819px;
}

div.Hintergrund3 {
     background-image: url( );
     background-attachment: behind;
     width: 409px;
     height: 819px;
     float: right;
}

}

h1 {
    font-size: 1.5em;
    margin: 0 0 0.0em; padding: 60px;
    text-align: center;
    background-color: #0099FF;
    border: 0px ridge silver;
  }

* html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.0em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: -1.35em 0 1.1em; padding: 0;

}

div#Info2 {
    font-size: 0.9em;
    float: left; width: 12em;
    margin: -1.35em 0 1.1em; padding: 0;

}
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.5em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

div#Inhalt {
    margin: -1.2em 10.9em 0em 10.9em;
    padding: 0 1em;
    border: 1px dashed silver;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

p#Fusszeile {
    min-width: 41em;
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
  }
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("Navigation").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }

function sucheUL(UL) {
    do {
      if(UL) UL = UL.nextSibling;
      if(UL && UL.nodeName == "UL") return UL;
    }
    while(UL);
    return false;
  }

function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "silver";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

window.onload=hoverIE;
}
</script>
</style>
</head>
<body>
<h1> </h1>
<div id="Rahmen"><ul id="Navigation">
<li><a href="#Beispiel"> e</a></li>

</ul>
</li>

<div id="Info">
<h2>    Info-Box</h2>
<p>     beispiel</p>
</div>

<div id="Info2">
<h2>    Info-Box</h2>
<p>     beispiel</p>
</div>

<div id="Inhalt">
  <h2>3-spaltiges Layout mit Kopf- und Fußzeile</h2>
  <p>Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.</p>
  <p>Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet
     und kann genauso gut wie ein <div> über CSS formatiert
     - hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden.
     Auch eine Grafik könnte in <h1> als Hintergrundbild definiert
     oder über <img> eingebunden werden.</p>
  <p>Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage.
     Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite
     und passen Sie das CSS nach Belieben Ihren Vorstellungen an:
     experimentieren Sie mit den Größenangaben, Farben und Rändern
     und fügen Sie z.B. individuelle grafische Elemente ein.</p>
</div>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

dominik: was ist falsch

Beitrag lesen

was ist falsch

was ist falsch