ie8 accordion

[eregi]

Tātad, izveidoju akardeona tipa navigāciju, izmantojot http://roshanbh.com.np/2008/06/accordion-m...ing-jquery.html . Bet diemžēl mans izveidotais variants kaut kādā veidā neapmierina IE8 'standartus'.

 

Lūk piemērs - http://exitmusic.lv/up/check.html

 

Atverot ar mozillu, operu, vecajiem ie6 <= u.c viss nostrādā perfekti, bet, atverot ar ie8, viss nenotiek tik 'gludi' kā tam būtu jānotiek. Kas notiek? teiksim uzvelkot uz kāda no 'akaredona linkiem' atverās subkategorija, novelkam nost peli no šī linka un atkal uzmanīgi uzvelkam atpakaļ. Rezultātā viss, kas atrodas zem šī linka 'sabrūk' neatstājot savstarpējās atstarpes. nezinu pat kā izskaidrot, bet domāju, ka salīdzinot ar firefox un Ie8 atšķirību manīsiet.

 

Nespēju atrast iemeslu šai problēmai ( ja nu neskaita manu līkrocību ), bet saistu šo kļūdu ar padding, vai margin..

 

urgh, ceru, ka kāds no jums izprata, ko es vēlējos teikt, ceru tagad arī uz kādu atbildi.

[Val]

nav kur pārbaudīt, bet varbūt pie vainas, ka vienas pēdiņas šeit pa daudz

<script type="text/javascript"">

Edited May 4, 2009 by Val

[eregi]

Veidojot piemēru jums, atstāju nejauši vienu pēdiņu, vienalga, tas nu gan nav iemesls šai problēmai.

[indoom]

Skatījos uz IE8 un nekādu atšķirību no FF neredzēju. Varbūt tev ir IE8 beta kāda?

[eregi]

Joka pēc pārvilku ie8, vienalg ir kļūda. lūk video, kā tas man izskatās.

ff - http://exitmusic.lv/up/mozilla.avi

Ie8 - http://exitmusic.lv/up/ie8.avi

[indoom]

ok, pamanīju arī.

 

Uz ātro varbūt pamēģini šitādu joku

aiz display:block pieliec display:inline-block;. Pirmo block jāatstāj, jo FF2 nesaproti inline-block.

 

#menu .subcat a, span {margin:auto auto 5px 0px;display:block;display:inline-block;}

Edited May 4, 2009 by indoom

[eregi]

Nujā, laikam viss aizgāja, bet uzliekot to inline block parādās cita lieta.

#aaa {width:100px;}

<div id='aaa'>

<span style='width:40px;'>bbb</span>

<span style='width:50px;'>ccc</span>

</div>

 

spani tiek nolikti vienā rindā, iepriekš tos lika vienu zem otra.

 

EDIT: bet vienalga, indoom, liels paldies par problēmas galveno atrisinājumu.

Edited May 4, 2009 by eregi

[indoom]

nujā, tas tomēr ir inline. Lai nepārietu jaunā rindā var ierobežot platumu ar #aaa, vai arī katram <br/> nolikt galā.

Tas inline-block jau vairāk kā pagaidu risinājums vairāk.