Banner verrutscht

  • Guten Tag!

    Auf unserem Blog ( http://www.fritcon.de ) sieht man sofort, dass das Banner verrutscht ist. Der Platz rechts vom Banner sollte gar nicht vorhanden sein. Das Banner ist zusammengequetscht.
    Ich durchsuche schon die CSS Datei kann aber den Fehler nicht finden.
    Kann mir jmd helfen?

    Hier erstmal der Header:

    [COLOR=gray]<body>[/COLOR]
    [COLOR=gray]<div id="wrap">[/COLOR]
    [COLOR=gray]<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(__('Header','wp_multiflex')) ) : else : ?>[/COLOR]
    [COLOR=gray]<div id="masthead">
    <div class="left-masthead">
    <a class="site-logo" href="<?php echo get_settings('home'); ?>"></a>
    <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p class="description"><?php bloginfo('description'); ?></p>
    </div>
    <div class="right-masthead">
    <a class="rss-logo" href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('RSS Feed','wp_multiflex'); ?>"></a>
    </div>
    </div>[/COLOR]
    [COLOR=gray]<div id="header">
    <div id="textbox">
    <?php include (TEMPLATEPATH . '/header-text.php'); ?>
    </div>
    </div>[/COLOR]
    [COLOR=gray] <?php if (is_page()) { $highlight = "page_item"; } else {$highlight = "page_item current_page_item"; } ?>
    <div id="navigation">
    <ul>
    <li class="<?php echo $highlight; ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e('Home','wp_multiflex'); ?></a></li>
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=' ); ?>
    </ul>
    </div>[/COLOR]
    [COLOR=gray]<?php endif; ?>[/COLOR]
    [COLOR=gray]<div id="crumb-search">
    <div id="breadcrumb">
    <?php if (function_exists('breadcrumb')) breadcrumb("link_all=true&home_always=true&sep="); ?>
    </div>
    <div id="searchbar">
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div>
    </div>[/COLOR]
    [COLOR=gray]<div id="container">[/COLOR]

    [COLOR=black]Und hier der dazugehörige CSS Part:[/COLOR]

    [COLOR=dimgray]/* Masthead --- top of header */[/COLOR]
    [COLOR=dimgray]#masthead {
    background: url(images/bg_head_top.jpg) no-repeat top left;
    height: 81px;
    margin: 0;
    padding: 0;
    font-family:"trebuchet ms",arial,sans-serif;
    }[/COLOR]
    [COLOR=dimgray]/* Site name, description and logo */[/COLOR]
    [COLOR=dimgray]#masthead div.left-masthead {
    float: left;
    width: 820px;
    height: 81px;
    }[/COLOR]
    [COLOR=dimgray]#masthead a.site-logo {
    float: right;
    background: url(images/bg_head_top_logo.jpg);
    height: 40px;
    width: 60px;
    margin: 22px 5px 20px 20px;
    }[/COLOR]
    [COLOR=dimgray]#masthead h1 {
    text-transform: uppercase;
    padding: 19px 0 0 0;
    margin: 0;
    font-size: 2.2em;
    font-weight: bold;
    }[/COLOR]
    [COLOR=dimgray]#masthead h1 a {
    color: #7d7d7d;
    text-decoration: none;
    }[/COLOR]
    [COLOR=dimgray]#masthead h1 a:hover {
    color: #000;
    }[/COLOR]
    [COLOR=dimgray]#masthead p.description {
    margin: -5px 0 0 0;
    padding: 0;
    font-weight: bold;
    color: #7d7d7d;
    }[/COLOR]
    [COLOR=dimgray]/* Left hand side of masthead */[/COLOR]
    [COLOR=dimgray]#masthead div.right-masthead {
    float: right;
    margin: 0;
    padding: 0;
    }[/COLOR]
    [COLOR=dimgray]#masthead div.right-masthead a.rss-logo {
    background: url(images/rss.gif);
    height: 64px;
    width: 64px;
    margin: 9px 9px 0 0;
    display: block;
    }[/COLOR]
    [COLOR=dimgray]#masthead div.right-masthead a.rss-logo:hover {
    background: url(images/rss-hover.gif);
    }
    [/COLOR]
    [COLOR=dimgray][COLOR=black]Reicht das?[/COLOR]
    [/COLOR]

    • 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

  • link haette greicht.

    hintergrundbilder werden von der css nicht 'gequetscht'.

    das ist ein 860px breites hintergrundbild in einem 900px weitem header.

    Code
    #header {
     background: url(images/ObernappelJPG.jpg) no-repeat top left;
     height: 150px;
     margin: 0;
     padding: 0;
     color: #000;
    }



    die hintergrund ausrichtung von 'left' nach 'center' zu aendern bringt auch nicht viel, weil dann beide enden des bildes 'doof' aussehen.

Jetzt mitmachen!

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