Bijeli prostor u Bug Line / Popis stavki (li) u IE6

Ako ste ikada napravio (ili stvaranje jednog) Vertikalni izbornik pomoću stavke popisa (li) oznake i CSS, možda ćete naići, ovo još jedan bug u programu Internet Explorer, gdje IE 6 umeće ove razlike između stavki popisa koje sadrže elemente blok razini, odnosno postoji li razmak između stavki popisa u oznake. Hvala, ali ne hvala, IE 7 verzija čini slobodnim od tog buga.
Ako poput mene, i još mnogo toga, što pripada ovom pojasu frustriranih programere, koji još uvijek moraju dobiti svoje nove izglede, koji rade u IE6 previše, onda bi to moglo biti korisno. Imati pogledati ...

Primjer za označavanje:

<ul id="menu">
<li> <a href="#"> Početna stranica </ a> </ li>
<li> <a href="#"> O </ a> </ li>
<li> <a href="#"> Usluge </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Kontaktirajte nas </ a> </ li>
</ Ul>

Možda stvoriti neki CSS, sličan jedan ispod, kako bi se transfrom iznad oznake u vertikalnom izborniku ....

Primjer CSS ...
# Izbornik {
margin: 0; padding: 0; background: # FF9900;
popis-style-type: none; širina: 150px;
}
# Izbornik li {margin: 0; padding: 0;}
# Izbornik {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-visina: 2,5; granični dna: 1px solid # FFF;
}

Rezultati ćete vidjeti ...
null

Rješenje za ovaj bug za ... promjene / dodaje CSS podebljano kurzivom)

# Izbornik {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; širina: 150px;
plovak: lijevo; / * ovo plutalo sadrži stavke popisa * /
}
# Izbornik {li
margin: 0; padding: 0;
plovak: lijevo; / * ovdje ispravci * /
širina: 100%; / * razmak bug u IE6 * /
}
# Izbornik {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-visina: 2,5; granični dna: 1px solid # FFF;
}

Ako gore navedeni rješenje doesnot činiti se to funkcionirati (iz razloga poznatih samo IE6) ... probati ovu metodu umjesto

Jednostavno dodajte ovaj dodatni IE6 samo stilove na oznake ...

<- [If IE 7 Lt>
<style type="text/css">
# Izbornik li {display: inline-block;}
# Izbornik li {display: block;}
</ Style>
<[Endif] ->


Dopust jedan Odgovor

NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe