Testowanie strony pod przeglądarkami

Testowanie, oczywiście, pod różnymi przeglądarkami.

Nie ma problemu, jeśli chcemy podejrzeć wygląd strony pod różnymi wersjami np. Firefox'a. Po prostu pobieramy starsze wersje i instalujemy na komputerze. Problem pojawia się z Internet Explorerem i starszymi jego wersjami. Można kombinować z wirtualnymi maszynami, czemu nie?

Trochę prościej i bez zbędnego wysiłku można pobrać programik IETester, pracujący jak przeglądarka i zawierający właśnie starsze wersje IE (do pobrania tutaj).

Lub zainstalować Expression Studio4 Ultimate, który zawiera min. Expression Web4 (i o niego właśnie chodzi). Mamy tu możliwość przetestowania strony min. pod starszymi wersjami IE. Dodatkowo możemy odszukać "błąd" w kodzie CSS i miejsce, w którym się pojawił, powodując odmienną interpretację w wyświetlaniu strony przez przeglądarki. Bardzo prosto odszukać i od razu skorygować kod CSS (filmik do obejrzenia) Dla mnie bomba- w jednym miejscu wszystko można zrobić: napisać kod, wstawić elementy i przetestować wygląd strony pod różnymi przeglądarkami. 

Wyśrodkowanie układu w IE6

Mając przykładowo taki szkielet strony w html'u:

<body>
 <div id="wrapper">
          treść
 </div>
</body>

stylami CSS wyśrodkowujemy układ w IE6 jak poniżej:

body {text-align: center;}/*reguła wyśrodkowująca układ w IE6*/
#wrapper {width: 90%; /*dla układu płynnego (fluid) szerokość w procentach*/
          margin: 0 auto; /*wyśrodkowuje układ w oknie przeglądarki*/
          text-align:left; /*resetuje regułę środkującą w IE6*/
}

Kod wg Charles'a Wyke- Smith'a.