Homepage selbermachen 7.846 Themen, 35.563 Beiträge

CSS: div-box mit grafik treibt mich in den wahnsinn

Silent Bob / 11 Antworten / Flachansicht Nickles

hallo,

ich übe zur zeit ein wenig css. soweit so gut.

nun habe ich mit div-boxen ziemliche probleme, wenn ich dort bilder einfügen will.
aktuelles beispiel:
ich habe eine div box exakt positioniert mit diesen werten:

.box1 {
background:silver;
border:1px solid black;
margin:1px;
padding:0px;
height:150px;
width:150px;
}

nun mache ich ein div-tag auf und füge mit IMG SRC (ohne weitere parameter) ein bild ein, das ebenfalls EXAKT 150x150 ist.

ziel ist, dass das bild die box komplett ausfüllt, somit exakt positioniert ist und auch noch den schwarzen rahmen der box trägt.

aber das klappt nicht. ständig habe ich eine verschiebung. also das bild scheint nach oben verschoben und ich habe unten ca. 1mm platz zwischen bild und unterem box-rand, obwohl halt box und bild exakt 150x150 pixel breit/hoch sind.

wo kommt das??? ich versteh das nicht.


p.s. wie postet man hier vernünftig html quellcode?

danke

bei Antwort benachrichtigen
Antwort Borlander
Antwort xafford
Antwort Silent Bob
xafford Silent Bob „aahhhh. verstehe :- gut. aber das mit dem schrägstrich am ende des IMG tags...“
Optionen
gut. aber das mit dem schrägstrich am ende des IMG tags klappt nicht.
Der Schrägstrich hat damit auch nix zu tun, der istnur wegen der XHTML-Konformität (leere Tags sollen so gekennzeichnet werden [img, br, hr,...]) ;o)
Hast Du es mit border="0" getestet (auch im style einmal border: 0px angeben)

jetzt frag ich mich nur, welche logik dahintersteckt.
An sich keine mitr erkennbare, außer das Du damit einem Inline-Element zur Darstellung als Block-Element verhilfst.
Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen