Ma chinui de prea multa vreme deja sa fac IE6 sa inteleaga min-width. Am gasit tot felul de metode dar nici una nu functiona pe layout-ul meu, un posibil motiv fiind folosirea marginilor negative. Ultima speranta imi era aici.
Din pacate n-am avut prea mult noroc nici cu metoda asta.
Despre ce e vorba mai exact:
#target_element {
width: expression((document.body.clientWidth < 335)? "333px" : "auto");
min-width: 333px;
}
Metoda asta am incercat-o atat cu “auto” cat si cu “100%”. La auto imi “sar” toate elementele si fac un sir infinit pe verticala iar la 100%, in functie de dimensiunea ferestrei unele elemente o iau razna pe orizontala. Folosind 99.9% problema e aproape eliminata, cu mentiunea ca daca layout-ul ar trebui sa ocupe tot ecranul, la rezolutii mari iti raman cativa pixeli descoperiti iar acest lucru se vede si in IE7.
La limita rabdarii am incercat sa renunt atat la auto cat si la 100, rezultand ceva de genul:
#target_element {
width: expression((document.body.clientWidth < 335)? "333px" : "");
min-width: 333px;
}
Nu stiu de ce, nu stiu de unde, dar functioneaza. Este necesara definirea in prealabil al unei latimi, de exemplu width: 100%;
Si cu asta am rezolvat problema. Nu stiu daca o sa ajute pe cineva, dar in cazul in care nici o metoda simpla nu functioneaza, va mai ramane optiunea asta.
1 răspuns Până acum ↓
Bughy // 18 august, 2008 la 5:14 pm |
vezi ca a facut google un fisier javascript in care toate browserele IE pana la 7, iau toate setarile pe care le are ie7, inclusiv min-width. In acest fel vei avea si codul CSS valid (asta in caz ca nu este cu ce ai scris tu mai sus)