• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IMG in DIV und unerklärlicher Padding im IE

henneberto

Neues Mitglied
moin,
habe ein bild: 800x266
(zur anschauung lediglich eine rosa fläche)
nun binde ich das ein:

HTML:
<style type="text/css">
     .bla{
        position: absolute;
        border: 5px solid #000000;
        width: 800px;
        height: 266px;
    }
</style>

<div class="bla">
    <img src="jaja.png">
</div>
im FF und Opera bindets das Bild perfekt ein, nur im IE zeigt es diesen padding zum unteren border an.
was gehht??? ich checks nich....
padding 0 und margin 0 bringt nix, img padding definitionen bringen nix...
ich muss später ein object einfügen anstelle des bildes, deshalb kann ich es nich einfach via background-image im css einbinden....

so siehts im IE aus...
http://img38.imageshack.us/img38/7179/scheissie.jpg

 
pf....

img {
display: block;
}
warum auch immer der IE das ohne display block mal wieder nich checken will.... es nervt einfach tierisch....

hat geholfen...thx
ich hoffe das ganze funzt dann auch mit dem Flash Object....
 
Wozu machst Du da überhaupt ein <div>? Dann hättest Du auch keinen Rahmen.

Andererseits, wenns nur ne rosa Fläche ist, hat das Image ja keinen Content, dann gehört es auch nicht als <img> eingebunden (sieht man daran, dass Du keinen Alternativtext angegeben hast, obwohl der Pflicht ist), sondern als background-image.
 
das war ein beispiel zur demo und bei solch einem sind mir standards grad ziemlich egal...
ich hab schon gepostet, dass anstelle des imgs ein flashobject eingesetzt wird... und das kann bekanntermaßen NICHT via css eingebunden werden...

ich hab ein flash object und darüber kommen diverse div boxen, damit der flash im hintergrund agiert und die menustruktur davor sitzt...
ich bin gespannt ob der abstand gleich wieder kommt, wenn ich das flashobject include da mir bei einem solchen keine css befehle bekannt sind...
lasse mich gerne aufklären was swf und css betrifft... bzw wäre sehr dankbar wenn dies mal umgesetzt werden würde ;)
 
Zurück
Oben