ფიქსირებული სიგანე სქემები შეიძლება რთული იყოს ცენტრის ზოგიერთ პოპულარულ ბრაუზერთან, მაგრამ ეს შესაძლებელია მხოლოდ რამდენიმე კოდის კოდით.
აი როგორ
- შექმნა ახალი ვებ გვერდი CSS სტილის თქვენს HTML რედაქტორი.
- შექმნა div ელემენტს, როგორც მთავარი ელემენტის გვერდზე, სადაც თქვენ შესანახად ყველაფერი გვერდზე.
- მიეცით ამ div ელემენტს ID, რომელიც უნიკალურია გვერდზე.
- გახსენით თქვენი CSS სტილის ფურცელი და დააყენეთ თქვენი div ელემენტის სიგანე. div # main {width: 750px; }
- სანიშნეს ავტომატური მინდვრები ცენტრში თქვენი div. div # main {width: 750px; ზღვარი მარცხნივ: ავტო; ზღვარი მარჯვნივ: ავტო}
- გაასწორონ ის Netscape 4 და IE 4 - 6 ( quirks რეჟიმში ) დაამატეთ ტექსტის გასწორება სხეულზე. სხეული {text-align: center; }
- მაგრამ შემდეგ ყველა ტექსტის შიგნით არის ორიენტირებული, ასე რომ ხელახლა უერთდებიან ტექსტს თქვენს #main div- ში, ტექსტის გასწორებაზე: მარცხენა; იქ. div # main {width: 750px; ზღვარი მარცხნივ: ავტო; ზღვარი მარჯვნივ: ავტო; ტექსტის გასწორება: მარცხნივ; }
- შეინახეთ თქვენი გვერდი და სტილის ფურცელი.
- რამდენიმე ვებ ბრაუზერში ტესტირება.
რჩევა
ეს იქნება განლაგება ყუთი, მაგრამ არა შინაარსი. გამოიყენეთ ტექსტის გასწორება შიდა შინაარსის ცენტრში.