Dennis: Hintergrund will sich nicht darstellen

Guten Abend.

Ich möchte mich jetzt schon entschuldigen - sicherlich ist es ein dummer fehler. Ich hatte eigendlich schon einen css-erfahrenen gefragt, der daraufhin aber auch kein fehler in meiner datei fand.

ich bin gerade auf css umgestiegen, und erstelle eine css -seite, die ungefair mein altes design darstellen soll. der hinetrgrund wird nicht angezeigt.
der body-teil
--------

body {
     font-size: medium;
     text-align: justify;
     color: #00B0B0;
     background-color: #000040;

scrollbar-base-color:#D80000;
     scrollbar-highlight-color:#000040;
     scrollbar-track-color:000040;
     scrollbar-arrow-color:aqua;
     scrollbar-3dlight-color:grey;
     background-attachment:fixed;
     margin-left:100px;
     margin-top:20px;
     margin-right:20px;
     margin-bottom:20px;
}
------
dieser bfindetsich in style.css

die testdatei:

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>zuuu</title>
<meta name="author" content="njkl">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
          suiadhfuiodhigluhr
    <p>
    dsfasdfgaerhgaerhreahera<br>
    sdfdaggr<br>
    </p>
    <a href="iojfasjif">sff</a>
</body>
</html>

gruß,
Dennis

  1. Hi Dennis,

    body {
    }

    da solte auch die Adresse deiner Hintergrunddatei rein.

    <!doctype html public "-//W3C//DTD HTML 4.0 //EN">

    unvollständige Doctype Deklaration

    Lösung steht in SELFHTML

    HTH
    Jens

    1. Hallo jens

      body {
      }
      da solte auch die Adresse deiner Hintergrunddatei rein.

      da diese öfters variiert, werde ich diese imemr im body selbst defineiren

      <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
      unvollständige Doctype Deklaration
      Lösung steht in SELFHTML

      was am quelltext falsch ist, oder was am doctype falsch ist?

      gruß;
      Dennis

  2. Moin!

    Ich möchte mich jetzt schon entschuldigen - sicherlich ist es ein dummer fehler. Ich hatte eigendlich schon einen css-erfahrenen gefragt, der daraufhin aber auch kein fehler in meiner datei fand.

    der hinetrgrund wird nicht angezeigt.

    Was meinst du damit? Du definierst die Hintergrundfarbe dunkelblau - wird die angezeigt? Mehr Sichtbares definierst du für den Hintergrund nicht.

    der body-teil

    body {
         font-size: medium;

    Diese Angabe ist schlecht. Die Schriftgröße definierst du entweder gar nicht (was dem Benutzer die größte Freiheit läßt, das selbst zu tun), oder in absoluter Größe in px (was eine recht einheitliche Größe in allen Browsern erzeugt), oder in der relativen Einheit em (1.0em ist Standardgröße, wie vom Benutzer eingestellt).

    text-align: justify;
         color: #00B0B0;
         background-color: #000040;

    scrollbar-base-color:#D80000;
         scrollbar-highlight-color:#000040;
         scrollbar-track-color:000040;
         scrollbar-arrow-color:aqua;
         scrollbar-3dlight-color:grey;

    Die Angaben für die Scrollbars funktionieren nur im IE 5.5 - lass sie einfach weg, sie sind in keinerlei Standard definiert.

    background-attachment:fixed;
         margin-left:100px;
         margin-top:20px;
         margin-right:20px;
         margin-bottom:20px;
    }

    - Sven Rautenberg

    1. Moin!

      Ich möchte mich jetzt schon entschuldigen - sicherlich ist es ein dummer fehler. Ich hatte eigendlich schon einen css-erfahrenen gefragt, der daraufhin aber auch kein fehler in meiner datei fand.

      der hinetrgrund wird nicht angezeigt.

      Was meinst du damit? Du definierst die Hintergrundfarbe dunkelblau - wird die angezeigt? Mehr Sichtbares definierst du für den Hintergrund nicht.

      sie ist vei mir aber weiß.
      das ist das problem in diesem thema...

      der body-teil

      body {
           font-size: medium;
      Diese Angabe ist schlecht. [..]

      danke für den tipp.

      Die Angaben für die Scrollbars funktionieren nur im IE 5.5 - lass sie einfach weg, sie sind in keinerlei Standard definiert.

      Dessen bin ich mir bewusst. Meine website ist nach emienr kenntnis ie, ns,opera und mozilla freundlich, und diese angaben wurden von keinem brwoser als belästigung angesehhen <!-- -->.
      desshalb sehe ich keinen sinn, wesshalb ich ie5.5 nutzern nicht die möglichkeit geben?
      (v.a. gibt es schon so viele filtereffekte, sodass ich davon ausegehe, dass die sache mit den scrollbars irgendwann std werden könnte - wie damals ns mit html vorreitete)
      gruß,
      Dennis

      1. Hallo,

        der hinetrgrund wird nicht angezeigt.

        Was meinst du damit? Du definierst die Hintergrundfarbe dunkelblau - wird die angezeigt? Mehr Sichtbares definierst du für den Hintergrund nicht.

        sie ist vei mir aber weiß.
        das ist das problem in diesem thema...

        naja dann mal deutlicher problem beschreiben... Der code ist soweit korrekt, die pfade überprüfen und link zu der seite geben, oder den quellkode komplett posten, bei mir ist es nämlich blau, mit dem quellcodeschnipsel.

        Grüße aus Düsseldorf,

        Aleksej

        1. <!-- Alle Stylesheets für die Seite -->
           <style type="text/css">

          body {
               font-size: medium;
               text-align: justify;
               color: #00B0B0;
               background-color: #000040;

          scrollbar-base-color:#D80000;
               scrollbar-highlight-color:#000040;
               scrollbar-track-color:000040;
               scrollbar-arrow-color:aqua;
               scrollbar-3dlight-color:grey;
               background-attachment:fixed;
               margin-left:100px;
               margin-top:20px;
               margin-right:20px;
               margin-bottom:20px;
          }

          p
           {
             font-family: Arial Black;
             font-size: medium;
             text-align: justify;
             color: #000000;
             background: #54A7A7;
           }

          a
            {
             font-weight: bold;
             color: #FF0000;
            }

          a:link
            {
             font-weight: bold;
             color: #FF0000;
            }

          a:visited
            {
             font-weight: bold;
             color: #800040;
            }

          td
            {
             font-family: Courier New;
             font-size: medium;
             text-align: justify;
            }
           A:hover
            {
             color: #FF0000; font-size: 10px; font-weight: bold;
            }
          </style>

          <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
          <html>
          <head>
          <title>testseite</title>
          <meta name="author" content="njkl">
          <link rel="stylesheet" href="style.css" type="text/css">
          </head>
          <body>
                    suiadhfuiodhigluhr
              <p>
              dsfasdfgaerhgaerhreahera<br>
              sdfdaggr<br>
              </p>
              <a href="iojfasjif">sff</a>
          </body>
          </html>

          ---------------
          die td und linksachen funktionieren .. nur der bodyhinetrgrund wie gesagt.

          gruß,Dennis

          1. <!-- Alle Stylesheets für die Seite -->
            <style type="text/css">

            na, da haben wir's ja das style gehört in die datei nicht rein.

            body {
                 font-size: medium;
                 text-align: justify;
                 color: #00B0B0;
                 background-color: #000040;

            scrollbar-base-color:#D80000;
                 scrollbar-highlight-color:#000040;
                 scrollbar-track-color:000040;
                 scrollbar-arrow-color:aqua;
                 scrollbar-3dlight-color:grey;
                 background-attachment:fixed;
                 margin-left:100px;
                 margin-top:20px;
                 margin-right:20px;
                 margin-bottom:20px;
            }

            p
            {
               font-family: Arial Black;
               font-size: medium;
               text-align: justify;
               color: #000000;
               background: #54A7A7;

            background-color:...;

            }

            a
              {
               font-weight: bold;
               color: #FF0000;
              }

            a:link
              {
               font-weight: bold;
               color: #FF0000;
              }

            a:visited
              {
               font-weight: bold;
               color: #800040;
              }

            td
              {
               font-family: Courier New;
               font-size: medium;
               text-align: justify;
              }
            A:hover
              {
               color: #FF0000; font-size: 10px; font-weight: bold;
              }
            </style>

            <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
            <html>
            <head>
            <title>testseite</title>
            <meta name="author" content="njkl">
            <link rel="stylesheet" href="style.css" type="text/css">
            </head>
            <body>
                      suiadhfuiodhigluhr
                <p>
                dsfasdfgaerhgaerhreahera<br>
                sdfdaggr<br>
                </p>
                <a href="iojfasjif">sff</a>
            </body>
            </html>


            die td und linksachen funktionieren .. nur der bodyhinetrgrund wie gesagt.

            Grüße aus Düsseldorf,

            Aleksej

          2. <!-- Alle Stylesheets für die Seite -->
            <style type="text/css">

            HTML-ELemente haben in einer CSS-Datei nichts verloren

            body {
                 font-size: medium;

            ...

            </style>

            Das schließende tag auch nicht.

            Robert

          3. Hi Dennis,

            zusätzlich zu dem, was meine Vorredner bereits angemerkt haben:

            p
            {
               font-family: "Arial Black",sans-serif;

            ^           ^ ^^^^^^^^^^

            }

            td
              {
               font-family: "Courier New",sans-serif;

            ^           ^ ^^^^^^^^^^

            }

            Setze Schriftarten, die aus mehr als einem Wort bestehen in Hochkommas und gib eine generische Schriftart am Ende an. Diese ist auf jedem System vorhanden, Arial Black wohl nicht. Der CSS-Validator hat auch noch einige Hinweise für dich:

            http://jigsaw.w3.org/css-validator/validator?text=body+{ ++++font-size%3A+medium%3B ++++text-align%3A+justify%3B ++++color%3A+%2300B0B0%3B ++++background-color%3A+%23000040%3B ++++scrollbar-base-color%3A%23D80000%3B ++++scrollbar-highlight-color%3A%23000040%3B ++++scrollbar-track-color%3A000040%3B ++++scrollbar-arrow-color%3Aaqua%3B ++++scrollbar-3dlight-color%3Agrey%3B ++++background-attachment%3Afixed%3B ++++margin-left%3A100px%3B ++++margin-top%3A20px%3B ++++margin-right%3A20px%3B ++++margin-bottom%3A20px%3B } p +{ ++font-family%3A+Arial+Black%3B ++font-size%3A+medium%3B ++text-align%3A+justify%3B ++color%3A+%23000000%3B ++background%3A+%2354A7A7%3B +} a +{ ++font-weight%3A+bold%3B ++color%3A+%23FF0000%3B +} +a%3Alink +{ ++font-weight%3A+bold%3B ++color%3A+%23FF0000%3B +} +a%3Avisited +{ ++font-weight%3A+bold%3B ++color%3A+%23800040%3B +} +td +{ ++font-family%3A+Courier+New%3B ++font-size%3A+medium%3B ++text-align%3A+justify%3B +} +A%3Ahover +{ ++color%3A+%23FF0000%3B+font-size%3A+10px%3B+font-weight%3A+bold%3B +}&warning=1&profile=css2&usermedium=all

            Um HTML zu prüfen, verwende http://validator.w3.org/

            LG Orlando

            1. Hi

              zusätzlich zu dem, was meine Vorredner bereits angemerkt haben:

              p
              {
                 font-family: "Arial Black",sans-serif;
                                 ^           ^ ^^^^^^^^^^
              }
              td
                {
                 font-family: "Courier New",sans-serif;
                                 ^           ^ ^^^^^^^^^^

              und gib eine generische Schriftart am Ende an.

              Aber nicht blindlings irgendeine generische Schrift, sondern eine passende. Zur Courier New paßt eher monospace (ersatzweise auch serif). sans-serif als serifenlose Proportionalschrift zur serifierten Nichtproportionalschrift anzugeben ist nicht sehr sinnvoll.

              Robert