ugrás a tartalomhoz

Érthetetlen függőleges köz Flash object elem után

Joó Ádám · 2009. Nov. 12. (Cs), 12.49
Nem először futok bele ebbe a problémába, és sem a tüzetes vizsgálat, sem a Google nem hozott megoldást.

<div>Lorem ipsum dolor sit amet</div>
<object
    type="application/x-shockwave-flash"
    data="banner.swf"
    width="965"
    height="120"
></object>
<div>Consectetur adipiscing elit</div>
A fenti együttállás egy furcsa jelensége, hogy a banner és az alsó div között vékony köz jelentkezik (lásd: http://jooadam.hu/object). Se a szóközök, tabulátorok, illetve soremelések forrásból való teljes eltávolítása, se a térköz illetve kitöltés explicit nullára állítása nem hoz javulást.

Geckoban, Webkitben és Prestoban is fenn áll a probléma.

Igen hálás volnék, ha valaki fényt derítene az okára és kiküszöböltének módjára.
 
1

css: #container { background

mgergo90 · 2009. Nov. 12. (Cs), 13.45
css:

#container
{
background: green;
}

Ez nem a legjobb megoldás, de működik.
3

pistike-style

gex · 2009. Nov. 12. (Cs), 13.47
lol.
2

két megoldás

gex · 2009. Nov. 12. (Cs), 13.46
az object-nek display: block vagy vertical-align: bottom tulajdonságot kell adni.

egyből beugrott a képeknél is jelentkező hézag (lásd itt) és bár az object elemről nem esik szó, érzésre olyasmi lehet mint az img elem (nem néztem utána) úgyhogy kipróbáltam és mind a két módszer működik. ff, opera és chrome böngészőkben ellenőriztem win alatt.

ja és nem függőleges az hanem vízszintes. ;)
4

Object

Poetro · 2009. Nov. 12. (Cs), 17.02
Igen, az OBJECT elem is majdnem ugyanaz a HTML motor számára, mint az IMG, elvégre mindkettő "inline" és van szélessége, magassága, míg általában az inline elemeknek nem lehet adni explicit szélességet, magasságot, hanem akkorára nőnek, amekkora a tartalmuk, nem igazán lehet a méretüket befolyásolni, legfeljebb margin van rá hatással, meg persze line-height.
5

inline-block

gex · 2009. Nov. 12. (Cs), 17.23
az img elem nem inline, hanem inline-block, az objectnek nem néztem utána.
6

Részben igaz

Poetro · 2009. Nov. 12. (Cs), 17.29
Bár igazából tényleg inline-block, de mégsem, ugyanis mint tudjuk van pár "böngésző" ami nem támogatja az inline-block tulajdonságot, mégis több mint 10 éve megbírkózik a képekkel és object tagekkel. Igazából azoknál ez egy "speciális" inline elem, nehéz másképp fogalmazni.
7

szabvány

gex · 2009. Nov. 12. (Cs), 17.31
szerintem meg ne a böngészők megvalósításairól beszéljünk hanem a szabványról. ;)