Ca. 5 Pixel dicker Streifen zwische meinem header.jpg und meiner Navigation?

[pix]

Ich kann mir nicht erklären wo der her kommt. Sobald man "header.jpg" ausblendet liegt die Navigation sauber oben an der Webseit an. Ich vermute deshalb das mir header.jpg das Problem bereitet doch ich komme nicht darauf was es sein könnte. Hat hier jemand vielleicht eine Idee?

http://www.fachanwalt-thomas.de/contao/

[Kahmoon]

Verwende das JPG doch mal als CSS Hintergrundbild und nicht als IMG direkt im Tempalte.

VG

[aportmann]

gib dem bild ein display:block. müsste das problem lösen.

[pix]

Das war die Lösung danke sehr. Aber warum ist das so, gibt es dafür eine Erklärung.

[Flex]

Weil Bilder standardmäßig als Inline Elemente gerendert werden und somit dem einem Inline Element üblichen Abstand nach unten inne hat.

Das kannst du umgehen durch das Rendern als Block Element.

Alternativ könnte man noch mit word-spacing arbeiten, aber hier arbeiten die Browser zu unterschiedlich, so dass man mehrere Varianten einführen müsste.

[aportmann]

genau. bilder werden normalerweise auf der baseline der schrift gesetzt. dies mach auch sinn, sofern bilder inline verwendet werden.

ist dies nicht der fall – wie bei dir – so hast du das problem mit dem abstand.

[CeeKay]

Ausführlich: http://carsten-protsch.de/zwischenne...e/luecken.html

[Andreas]

Ich habe ja schon immer gesagt: Ins Contao CSS Reset müsste eigentlich

.image_container a,
.image_container img {
  display: block;
}

Irgendwann mache ich mal ein Ticket dazu.

[KlausGrenoble]

https://community.contao.org/de/show...-wei%DFen-Rand
Irgendwann mache ich mal ein Ticket dazu.

[Andreas]

#6677 - das Ticket