Použijte nástroj CSS pro centrování dokumentu s rozvržením s pevnou šířkou

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

  1. Vytvořte novou webovou stránku s stylu stylů CSS ve vašem editoru HTML.
  2. Vytvořte prvek div jako hlavní prvek na stránce, kde uložíte vše na stránce.
  3. Dejte tomuto elementu div ID, které je jedinečné na stránce.
  4. Otevřete svůj styl stylu CSS a nastavte šířku prvku div. div # hlavní {šířka: 750px; }}
  5. Přidejte automatické okraje, které budou středem vašeho divu. div # hlavní {šířka: 750px; margin-left: auto; margin-right: auto}
  6. Opravit to pro Netscape 4 a IE 4 - 6 ( režim quirks ) přidat text-zarovnat na těle. tělo {text-align: center; }}
  7. 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; }}
  8. Uložte stránku a svůj stylový list.
  9. 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.