Problem beim Design, weiße Balken

    • 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

  • header.php: ( die zeile mit kubrickbgwide.jpg wegnehmen )

    PHP
    <?php
    // Checks to see whether it needs a sidebar or not
    if (!empty($withcomments) && !is_single() ) {
    ?>
     #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
     #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
    <?php } ?>
  • erstens:
    der bereich im header.php sollte dann so aussehen:

    PHP
    <?php
    // Checks to see whether it needs a sidebar or not
    if (!empty($withcomments) && !is_single() ) {
    ?>
     #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
     
     <?php } ?>



    zweitens:
    in style.css ein leerzeichen vor 'no-repeat' einfuegen - damit der IE den hintergrund anzeigt.

    Code
    body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        background: #dbe401 url('images/kubrickbgcolor.jpg') no-repeat top center;
        color: #333;
        text-align: center;
        }
  • Meine Unachtsamkeit :oops: - da hab ich nicht weiter durch die css gesucht, ob die hintergrundfarbe noch irgendwoanders beeinflusst wird.

    das ganze wird flach gruen ohne umrandung, wenn du am ende der style.css einfuegst:

    Code
    #header {background-color: #dbe401; }
    #page {background-color: #dbe401; border:none; }
    #footer {background-color: #dbe401; }

Jetzt mitmachen!

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