Faking css position: fixed; in Internet Explorer 6

 

მოგეხსენებათ IE6 ს ბევრი ”ხუშტური” აქვს და მინდა გაგაცნოთ ერთ-ერთის გადაწყვეტის ორი ხერხი
1. ჯავასკრიპტის მეშვეობით
ამ სკრიპტით შევძლებთ იგივე ეფექტი მივიღოთ IE6 შიც როგორსაც სხვა ბრაუზერებში ვხედავთ.

სტილი ბრაუზერებისთვის მუშაობს IE6 ის გარდა

   
#fixed_div {
position: fixed;
top: 0px; /* ვარეგულირებთ დაფიქსირებული ობიექტის დაშორებას ზემოდან */
left: 0px; /* ვარეგულირებთ დაფიქსირებული ობიექტის დაშორებას მარცხნიდან */
}

   
    JavaScript სკრიპრი რომელიც IE6 შიც იგივე ეფექტს მოგვცემს რასაც დანარჩენ ბრაუზერებში
   

ეს არის დაფიქსირებული დივ ტეგი ჩვენ შემთხვევაში გამოჩნდება მარცხენა ზედა კუთხეში



და ბოლოს IE6 ის ფიქსი

   

 

   



ეს ნაწილი უმჯობესი იქნება ტეგის დასრულებამდე სკრიპტის ბოლოს ჩავსვათ რათა არ შეგვიშალოს ხელი და არც სასურველი დივ ტეგის წინ აღმოჩნდეს :)
_________—–**—–_________

2. Doctype strict

ჩვენი სტილი ამ შემთხვევაში გამოიყურება ბევრად კომპაქტურად და ლამაზად

   
    body{
    padding:5em 0 0 0;
    background:url(foo) fixed;
    }
    h1{
    position:fixed;
    _position:absolute;
    top:0;
    _top:expression(eval(document.body.scrollTop));
    left:0;
    margin:0;
    padding:0;
    background:lime;
    }
    /* if you want to emulate bottom:0;, use this:
    h1{
    position:fixed;
    _position:absolute;
    bottom:0;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    background:red;
    */

   

ხოლო html ტეგის შიგნით კი ასე :

’position:fixed’ in Internet Explorer


ესაა ობიექტი რომელიც დაფიქსირებულია ამჯერად ბრაუზერის ზედა მარცხენა კუთხეში.

 

ძიება საიტზე
 
 
ITDC კლიენეტებს საშუალებას აძლევს იმუშავონ მოქნილი და მარტივი პროგრამით, უზრუნველყოფენ მათ საჭირო ტრენინგით და პროექტის მენეჯერის კომპეტენტური მომსახურებით, რაც არანაკლებ მნიშვნელოვანია სასურველი შედეგის მისაღწევად.

ნინო ხუროძე
საერთაშორისო სადაზღვევო კომპანია ’იმედი L International’