Validierstes Css Wird Nicht übernommen

  • Hallo,

    ich habe seit kurzem WP installiert. Bevor ich ein neues Theme installiert habe, wurde es ganz klassich im W3C validiert. Nur leider wird im Teil #page die Hintergrundgrafik nicht angezeigt.

    Das Css sieht wie folgt aus (teile davon): #page {
    width: 840px;
    margin: 0 auto;
    background-image:url(images/bg/page1.gif);
    background-repeat:repeat-y;
    }
    #content {
    float: left;
    width: 400px;
    padding: 0 0 0 80px;
    }
    #content .title {
    padding: 25px 10px 20px 50px;
    background-image:url(images/bg/welcome_bg.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    }

    #content .title wird angezeigt

    Beim header.php sieht der Code so aus:
    </div> <!--ende #header-->
    <!-- beginn #page -->
    <div id="page">
    <div id="content">
    <div id="welcome"><h1 class="title">Herzlich Willkommen</h1><br>Unser Team hei&szlig;t Sie recht herzlich willkommen.</div><!-- ende #welcome-->
    </div><!-- ende #content-->

    <!-- <div id="sidebar">

    <h2>Wochenkarte</h2>
    Montag:
    <br>
    Rindsrouladen mit Sp&auml;tzle<br>
    <br>
    Dienstag:<br>
    Gulasch mit Nudeln<br>
    <br>
    weiter<br>
    <br>
    <br>
    <h2>Partyservice</h2>
    ... vom Candellightdinner bis hin zur festlichen Hochzeit...
    <br>
    <br>

    </div>-->
    <!-- ende #sidebar-->
    <div style="clear: both; height: 1px;"></div>

    </div><!-- ende #page-->


    Ich finde den Fehler nicht, wer kann mir helfen. Pfadangabe stimmt, da ja wie beschrieben, bei #content .title das Bild angezeigt.

    Vielen Dank für Eure Hilfe.

    LG
    Tanja

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Bitte benutze die BBCode-Tags um Code einzubinden....

    Und dann lass mal das -image weg. und auch das background-repeat:repeat-y; kann so nicht funktionieren.

    Lösch die beiden Zeilen und nimm diese hier:

    Code
    background: url(images/bg/page1.gif) repeat-y top left;
  • Bitte benutze die BBCode-Tags um Code einzubinden....

    Und dann lass mal das -image weg. und auch das background-repeat:repeat-y; kann so nicht funktionieren.

    Lösch die beiden Zeilen und nimm diese hier:

    Code
    background: url(images/bg/page1.gif) repeat-y top left;

    H75
    Warum soll background-image und background-repeat nicht funktionieren? Das wär mir jetzt neu!

    Evita
    Ich sehe keinen Fehler auf die schnelle. Es sei denn, das image ist kaputt oder nicht vorhanden oder woanders. Seite zeigen. Das hilt immer. Hmmm lecker, Gulasch mit Nuden am Dienstag ;-)

  • Im Quelltext (vermutlich header.php) steht noch

    HTML
    <style type="text/css" media="screen">
        #page { background: url("http://www.blickinsnetz.net/worldpress/wp-content/themes/rumpel/images/kubrickbgwide.jpg") repeat-y top; border: none; }
    
    
    </style>

    Das überschreibt die Einstellungen aus der CSS-Datei.

  • Im Quelltext (vermutlich header.php) steht noch

    HTML
    <style type="text/css" media="screen">
        #page { background: url("http://www.blickinsnetz.net/worldpress/wp-content/themes/rumpel/images/kubrickbgwide.jpg") repeat-y top; border: none; }
    
    
    </style>

    Das überschreibt die Einstellungen aus der CSS-Datei.

    so isses!

    H75
    naja, Quelltext aufblähen würde ich das in diesem Falle nicht unbedingt nennen. Da gibt es viel schlümmere Vergehen - wirklich :mrgreen:
    PS: Sonst sparsam bis spartanisch schreibe ich ausgerechnet genau das auch immer so in wie Du es nennst eine full-quote. Das erleichert mir die spätere Wartung. Ist ja nicht gleich YAML (welches auch seine unbedingte Daseinsberechtigung hat - ausser für mich *gg*)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!