3px Abstand nach Bild in <div>

[phzu]

Hallo!



Ich habe ein kleines Problem. Bin gerade dabei mein erstes Joomla Template zu basteln, jetzt gehts gerade ans Layout.
Im <header> habe ich ein <div> eingebaut, in welchem sich ausschließlich ein <img> befindet. (Es handelt sich dabei um ein Vereinswappen).


Das Problem was ich jetzt habe ist, dass das <div> um 3 Pixel höher ist als das Bild. (Mit Firebug gemossen)

<header id="page_header">
                <div id="page_header_logo"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" alt="" border="0" width="120" /></div>
                <nav id="main_nav">Navigation</nav>
            </header>

Im CSS-File habe ich alle Margins und Paddings auf 0 gesetzt und trotzdem diesen merkwürdigen Rand...

*{
    padding: 0;
    margin: 0;
    font-family: Tahoma, "MS Trebuchet", sans-serif;
    font-size: 14px;
}

header#page_header{
    width: 100%;
    height: 108px;
    background-color: #000;
    color: #fff;
    margin-bottom: 30px;
}

header#page_header div#page_header_logo{
    float: left;
    margin-left: -25px;
    margin-top: -25px;
}

Gibt es dafür einen plausiblen Grund und/oder einen Trick, den weg zu bekommen?


Vielen Dankf für die Hilfe schon mal im Voraus!

Lg Philip

 

[Cheffchen]

Hallo,

da es sich um css handelt kann es an 100te an sachen liegen, ohne link wird das nur ein rum gerate.
Vieleicht ist das bild zu klein?
gib dem auch die masse mit?
andere css regel überschreibt was?
usw.

ach so margin und minus ist sehr gefährlich da dies nicht überall so funktioniert wie du möchtest.

Cheffchen

 

[phzu]

Hallo!

Danke für die schnelle Antwort!

Link gibt es noch keinen, da ich lokal arbeite...
Das Bild ist ursprünglich größer, ich stelle die Größe direkt im <img>-Tag ein (width="120").
Andere Regel überschreibt laut Firebug auch nichts....

Die negativen Margins habe ich soeben ausgebaut, war mehr ein anfänglicher Versuch...

EDIT: Man kann auch kompliziert denken. Kann ja einfach dem <div> eine fixe Höhe geben......

mfg

 

[prm]

Lücke am unteren Bildrand

 

[phzu]

Hallo!

Vielen Dank fuer die Aufklaerung!

Allerdings verwende ich auf meiner Seite nicht den DOCTYPE HTML Strict, sondern einfach den HTML5 DOCTYPE HTML...

Vielen Dank!

 

[threadi]

Na und? Das spielt für die Antwort keine Rolle.