Problem: unerklärlicher Rand zwischen headerimage und header

  • Hallo,
    ich bin Anfänger und habe trotz ausgiebigem googeln leide keine Lösung gefunden,
    denke aber, daß die Lösung einfach sein muß.

    habe folgendes Problem: ich will in meinen Header ein Bild einbinden, daß bündig auf
    allen vier Seiten passt - ohne Rand.

    Der Header hat eine feste Breite, die genau der Breite des Bildes entspricht. Links und Rechts
    passt das auch. Kein Rand zu sehen. Oben ist auch ok, aber unter dem Bild bleibt ein kleiner
    Bereich von einigen Pixeln den ich nicht wegbekomme, hier ist die Hintergrundfarbe des Headers
    zu sehen.

    Auf der Suche nach dem Fehler habe den Code mittlerweile soweit reduziert, das nur noch
    wenig übrig ist:

    <header id="header">
    <div class="inside">
    <img src="...headerimage.png" height="150" width="1024" border="0">
    </div>
    </header>

    Das zugehörige CSS definiert lediglich die Begrenzungslinien des Headers:

    #header {
    border:1px solid #ffffff
    }

    Warum verläuft die untere Begrenzungslinie des Headers nicht bündig mit der
    unteren Kante des Bildes? Woher kommt der Abstand von einigen Pixeln?
    Wäre sehr dankbar wenn mir da jemand weiterhelfen könnte.

    mit besten Grüßen!

  • Ich kann leider keinen Link zur Seite posten, erstelle die Seite mit
    Contao offline auf meinem Rechner und habe noch keine Möglichkeit
    sie online zu stellen. Ich könnte aber den ganzen Quelltext der Seite hier
    posten, würde das Sinn machen?

  • würde das Sinn machen?


    Nicht wirklich. Besorge dir doch irgendwo kostenlosen Webspace, z.B. funpic, bplaced, etc. Dann kannst du das auch online stellen.

    Aber eine Frage hätte ich: wie kommt man auf Contao? Für Joomla gibt es mit Abstand die meisten Plugins, etc., da muss man dann nicht immer selber soviel rumstricken.