ugrás a tartalomhoz

lista elem között nem kívánt hely ie7ben

demo · 2007. Feb. 9. (P), 15.42
A probléma csak a hetes böngészőben mutatkozik.

van egy listám benne linkek...
<ul><li><a href=""></a></li></ul>
Ie7ben van 2px rés a sorok között, de csak ha a LI tagek közt A tag szerepel.
ha az A-t kiveszem nincs hézag.

ie6, ff, opera jó

thx
‹ Kép elhalványulás transzparensbe IE7 "fátyolos" megjelenése ›
 ■
1

margin

Jano · 2007. Feb. 9. (P), 16.05
Állítsad az li elemek marginját nullára. Ezenkívűl "hézag" lehet még az, hogy a line-height nagyobb mint a font-size és a betű alatt és felett kihagy helyet a bőngésző.

Ugye egy ul-ed van es azon belül a sok li és nem minden li-hez külön ul?
2

téma

demo · 2007. Feb. 9. (P), 16.37
margin nem jó...
És sajnos a line-height sem használ.

Érdekes, csak akkor hézagos, ha link van a szövegen...
kipróbálom más tagekkel is.

sure :)
3

Closing the gap between list items in IE

wiktor · 2007. Feb. 9. (P), 17.11
http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/
4

téma

demo · 2007. Feb. 9. (P), 17.23
Ezt megtaláltam én is, de nem jó...
Neked működött?
5

Konkrétabban

csla · 2007. Feb. 11. (V), 01.27
Esetleg megmutathatnád a konkrét esetet a megadott stílus-tulajdonságokkal. Mert ha ezt így simán ledemózom (értsd: amit kódrészletet megadtál, azt bemásolom egy szimpla HTML doksiba, persze több <li> elemmel), akkor nekem IE7 alatt nincs hézag a sorok között...
6

megoldás

demo · 2007. Feb. 12. (H), 10.48
Nos,

Az LI elemekben floatolt tartalom került így kapta a köv. tulajdonságokat

display: block; 
overflow: hidden;
clear: both;
ekkor ie7ben hézagos volt.
Keresgélés után azt találtam, hogy ha a li elem overflow tulajdonságát
kitörlöm vagy más értékre állítom mint hidden, akkor ie7-ben is jól jelenik meg.
Pontosabban, ha backgroundot adok a li-nek, a hézag továbbra is megvan,
de az overflow: visible miatt a li-ben lévő tartalom összeér és
"nem vágja le" az alját a li.
Viszont backgroundot nem kell állítanom szerencsére, így ugyanúgy jelenik meg a lista a tesztelt böngészőkben.

Overflow: hidden híján ff-ban a floatolt tartalom kikerült a li-kből, azonban ezt hackkel megoldottam.