Monty: Div mitmin-height schneidet Grafik ab.

Beitrag lesen

Hallo liebe Profis,

Vorneweg: Ich hab vorletzte Woche angegfangen mit HTML rum zu spielen.

Nun stehe ich wie ein Ochs vorm Berg:
Ich habe das ideal Standart Grundgerüst (header, menu, content, footer)

Nun wollte ich im header (nicht im <head> Bereich...) ein Bildchen Einfügen.

Mein div-container für den header:

#head{
min-height:20px;
width:800px;
margin:auto;
}

<div id="head">
<img src="images/blubberbla.jpg" alt="Wo ist das Bild" height="200px" width="800px"  />
</div>

Nun dachte ich der div wäre Mindestens 20px groß und würde in diesem Fall bis zu 'hight="200px"' (wie bei <img/> angegeben) gehen.

ABER im div wird unten noch ein kleines Lienchen (grau hinterlegt) abgezeigt. D.h. also, der div geht noch ein bisschen weiter.. Gebe ich anstatt 'min-height' einfach nur 'height=200px' dann passts (logisch. jetzt weiß er ja wie groß er (der div) sein soll).

Aber warum nicht mit 'min-height'??? Kann ich min-height bei Bildchens vergessen oder wie oder was...man man man

Hab auch schon border und padding genullt.

P.S. Wenn ich
background-image : url(image/blubberbla.JPG);
background-image: url(./images/blubberbla.jpg)
in die 'CSS' reinhaue passiert überhauptnix....

Wenn mir da jemand etwas dazu schreiben könnte wäre echt cool :-))
(display:...,float:...,position:...)???? HIIILFE

LG
Monty