overflow nur bei relativ, absolut positionierten bildern?

[blickwinkel]

Hallo!

Ich hätte eine Frage zum overflow. wenn ich einem div overflow:visible zuweise, sollte doch das in diesem div enthaltene bild (per <img>) eingefügt über den rand des divs reichen, wenn die divhöhe niedriger als die bildhöhe ist.

eingenartiger weise klappt das bei mir nur, wenn das bild mit postion:relativ oder absolute positioniert wird. woran kann das liegen?

htm:
<div id="wrapper-logo">
<div id="logo">
<div id="mithilfe-logo">
<img src="http://mithilfe.at/templates/Nautica02Liquid/images/stern.gif">
</div>
</div>
</div>

css:
#wrapper-logo {
 height: 60px;
 background: transparent url('images/bg02-white-left.png') no-repeat left top;
 overflow:visible;
}
#logo {
 background: transparent url('images/bg02-white-right.png') no-repeat right top;
 overflow: visible;
 height: 60px;
}

#mithilfe-logo img{
 position:relative; right:35%; left:65%; overflow:visible;
}

Wäre über jeden Tipp froh und dankbar.

lg, blickwinkel

[Antipitch]

Hi blickwinkel,

<div id="wrapper-logo">
<div id="logo">
<div id="mithilfe-logo">
<img src="http://mithilfe.at/templates/Nautica02Liquid/images/stern.gif">
</div>
</div>
</div>

ein overflow spannt das innere div nicht auf, seine Höhe bleibt 60px. Demgemäß auch nicht das mittlere und das nicht das äußere. Du kannst mit min-height anstatt mit height arbeiten, aber was soll die ganze Verschachtelung? Das ist ein heimlicher Rückfall in Layout per HTML markup.

Gruß
Antipitch

[blickwinkel]

Hi blickwinkel,

<div id="wrapper-logo">
<div id="logo">
<div id="mithilfe-logo">
<img src="http://mithilfe.at/templates/Nautica02Liquid/images/stern.gif">
</div>
</div>
</div>

ein overflow spannt das innere div nicht auf, seine Höhe bleibt 60px. Demgemäß auch nicht das mittlere und das nicht das äußere. Du kannst mit min-height anstatt mit height arbeiten, aber was soll die ganze Verschachtelung? Das ist ein heimlicher Rückfall in Layout per HTML markup.

Gruß
Antipitch

hallo antipitch!

naja die verschachtelung hab ich eigentlich nur wegen den rändern. bezügl. dem overflow: es soll das div ja gar nicht aufspannen, sondern das bild (welches 80px hat) soll innerhalb und ausserhalb des divs mit der höhe 60px dargestellt werden. dies funkt bei mir eben nur mit position:relativ. will aber das bild direkt einbinden, da das positionierte bild beim verkleinern des browserfensters die position wechselt...

normalwerweise sollte overflow:visible im div einfach funktionieren (gibts ja auch ein tolles beispiel auf selfhtml), aber verschachtelte divs machen anscheinend probleme...

lg, blickwinkel