Abstand über Header - Woran liegts?

griffon

Hi liebe Community,

ich habe mir einen Header gebaut und diesen eingebunden. Darüber habe ich eine transparente png-Grafik gelegt, die auf die Home-Seite verlinkt. Nun habe ich aus unerfindlichen Gründen das Problem, dass ich über dem Header einen etwa 5 px großen Abstand habe - alles ist also 5 px nach unten gerückt.

Meine header.php sieht so aus:

PHP

<body <?php body_class(); ?>>
</head>
<div id="page_wrap">
    <div id="page_logo">
    <a href="http://www.google.de"><img src="/images/schriftzug.png" alt=""/></a></div>
        <div id="header">
        
            <?php include (TEMPLATEPATH . '/searchform.php'); ?>
            
            <div class="clear"></div>
        </div><!-- end header -->

Alles anzeigen

Die zugehörige CSS schaut so aus:

Code

div#page_wrap{
    width: 960px;
    height: 150px;
    margin: 0 auto;
    background: url(images/bg.png) no-repeat;
}


div#page_logo{
    float: left;
    margin-left: 106px;
    margin-top: 65px;
    }


div#header{
    font-size: 12px;
    }

Alles anzeigen

Bei der Verlinkung zum Header aus dem footer ("nach oben") springt er an die richtige Marke - der Abstand aber bleibt... man kann also noch hochscrollen.

Sieht jemand den Fehler?

Vielen Dank schonmal,

griffon

Werbepost

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

bgeissler

Besser wäre ein Link zur Problemseite.

Morris

Um den Fehler selber zu finden, solltest du dir Firebug installieren. Grade für solche Fälle ein unverzichtbares Tool.

Gruß
Mo

Bambaataa

Der Body Tag ist schonmal falsch gesetzt der gehört nach </head>. Und wie hier bereits gesagt wurde wäre ein Link zur Seite besser, evtl. ist es ganz woanders in der style.css zu finden. Image Tag z.B. mit Abstand etc.

griffon

Hi @all,

und vielen Dank schonmal für die zahlreichen Tipps. Ich baue an dem Blog noch lokal, hab grade damit angefangen. Deswg. kann ich leider noch keinen Link schicken.

Mit Firebug hab ich ein wenig rumprobiert. Wenn ich den Mauszeiger auf dem jetzt leeren Bereich stehen lasse, dann zeigt er mir ne body class an - In der CSS ist diese Klasse nicht vermerkt.

Danke auch für den Tipp des body-tags, hab ihn mal an die richtige Stelle gerückt, an der Funktionalität ändert dies jedoch nichts.

Vielleicht habt ihr ja noch ne Idee? Oder ich muss eben noch ein bisschen warten, in ca. 4 Wochen werd ich das Teil mal hochladen!

Besten Dank,

griffon

griffon

ich sollte vllt. noch hinzufügen, dass die klasse einfach die momentan aufgerufene seite ist...

Morris

Zitat von griffon

Mit Firebug hab ich ein wenig rumprobiert. Wenn ich den Mauszeiger auf dem jetzt leeren Bereich stehen lasse, dann zeigt er mir ne body class an - In der CSS ist diese Klasse nicht vermerkt.

Mit "Rechtsklick" -> "Element untersuchen" kannst du sehen welches Element an dieser Stelle ist und welche CSS relevant sind.

Gruß
Mo

Bambaataa

Die Klasse mit der aufgerufenen Seite entsteht meines wissens durch

PHP

<?php body_class(); ?>

Hab selbst allerding keinerlei Erfahrung damit, hab dies bisher nbie genutzt.

griffon

doch, das ist richtig (s.o.). ich werde mich mal beeilen und die seite hochladen - trotz firbug finde ich den fehler nicht. ich melde mich dann nochmal - danke aber erstmal bis hierher!

viele grüße,

griffon

spod

hi,

ich tippe einfach mal ins Blaue und würde sagen, dass es am CSS des Body-Tags liegt:

Code

body {margin-top:0; padding-top:0; }

sollte den Abstand nach oben entfernen.

Den oben genannten Fehler, dass der Body-Tag nach /head beginnt, solltest du aber dennoch unbedingt beheben. Und wenn du gerade dabei bist, gib uns einen Link zum ansehen, dann kann dir besser geholfen werden.

mfgusw
spod

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Abstand über Header - Woran liegts?

Jetzt mitmachen!