DIV ist 5px zu groß

[danielk]

Hallo!

Ich habe im Header nebeneinander 2 DIVS. Beide enthalten eine Grafik mit einer Höhe von 159px.

Sowohl die DIVS selber, als auch der Header enthalten keine spezifizierten Größenangaben. Im Seitenlayout habe ich für den Header die Höhe 159px eingegeben, wahlweise auch mal das Feld leergelassen.

Im Ergebnis bleibt es dabei, dass die beiden DIVS eine Höhe von 164px haben (nach unten 5px Leerraum). Da die im Header befindliche Grafik direkt an eine Grafik im Contentbereich anschließt, habe ich eine unschöne Lücke.

Wie kann ich diese Lücke schließen?

Gruß, Daniel

[Acta]

kannst du mal nen link schicken?

[MacKP]

Hallo danielk,
gib mal der grafik display:inline;
das kann schon mal helfen.

Viele Grüße

[danielk]

kannst du mal nen link schicken?

Ist eine lokale Installation.

[danielk]

gib mal der grafik display:inline;

Bringt leider keinen Effekt.

[danielk]

Mir ist aufgefallen das alle (!) Divs 5 px größer sind als die Grafik. Ist also scheinbar eine grundsätzliche Sache. Wo muss ich da schauen?

Gruß Daniel

[Nikolas]

Achte mal auf deine Padding Angaben. Versuch in dem Div mal padding:0;
Wenn das funktioniert solltest du mal schauen ob du global irgendwo für Divs ein Padding gesetzt hast

[danielk]

Ich konnte das Problem jetzt so lösen, in dem ich allen betroffenen Divs height: 159px mitgegeben habe. Danach passte es. Theoretisch sollte das aber garnicht erforderlich sein.

[artemis]

Hi...

Sag mal, ist das nur im Firefox so, bzw nicht im IE? Und kann es sein, dass das image Tag von einem span Tag umgeben ist? Dann kann es sein, dass genau diese span Tag dafür verantwortlich ist...

MfG, artemis

[danielk]

Hi...

Sag mal, ist das nur im Firefox so, bzw nicht im IE?

MfG, artemis

In beiden war das Problem vorhanden.

[Thomas]

Schau Dir das mal mit der Firefox Erweiterung firebug an.

Vermutlich ist es tatsächlich ein margin oder padding, was Du dann einfach mit padding:0; oder margin:0; zurück setzen kannst.

[Sebastian]

HI

display war schon richtig, wenn dann aber display:block. So geht der Abstand unten weg.

Sebastian