Rozvržení s pevnou šířkou může být těžké uprostřed některých z populárních prohlížečů, ale je to možné pouze s několika řádky kódu.
Tady je to Jak
- Vytvořte novou webovou stránku s stylu stylů CSS ve vašem editoru HTML.
- Vytvořte prvek div jako hlavní prvek na stránce, kde uložíte vše na stránce.
- Dejte tomuto elementu div ID, které je jedinečné na stránce.
- Otevřete svůj styl stylu CSS a nastavte šířku prvku div. div # hlavní {šířka: 750px; }}
- Přidejte automatické okraje, které budou středem vašeho divu. div # hlavní {šířka: 750px; margin-left: auto; margin-right: auto}
- Opravit to pro Netscape 4 a IE 4 - 6 ( režim quirks ) přidat text-zarovnat na těle. tělo {text-align: center; }}
- Ale pak celý text uvnitř je vystředěný, takže znovu zarovnejte text do #main div přidáním textu-align: left; tam. div # hlavní {šířka: 750px; margin-left: auto; margin-right: auto; text-zarovnání: vlevo; }}
- Uložte stránku a svůj stylový list.
- Testujte v několika webových prohlížečích.
Tip
Toto bude zaměřit rozložení pole, ale ne obsah v něm. Použijte text-zarovnání k vystředění vnitřního obsahu.