Witam.

Jestem nowym użytkownikiem. Jeśli coś przeskrobałem, jeśli przeoczyłem temat,
czy też nie zamieściłem jakiejść informacji proszę o zwrócenie na to uwagi.  

Bardzo mnie irytują problemy z poprawnym wyglądem stron we wszystkich
przeglądarkach, głównie za sprawą Internet Explorer-a.

Chciałbym dodać temat w którym będzie można wymieniać się informacjami
jak sobie radzić w takich sytuacjach gdy IE ciągle jest uparty.

Dziś poradziłem sobie z jednym problemem związanym z IE 8. Drugi nie został
rozwiązany do tej pory.



1. IE8 - żeby wyśrodkować stronę względem
zawartości przeglądarki

należy użyć komendy text-align: center; w body 

a następnie 

wyrównać do lewej wszystkie pozostałe elementy. 

2. IE8 - nie wyświetla się grafika w tle

przykład:

div#tlo { background: url(images/img01.jpg) repeat-x; }

<div id="tlo"></div>

powinno się wyświetlić tło a nic się nie pokazuje.

Natomiast gdy użyjesz plików w formacie .png wszystko jest idealnie.

Zna ktoś rozwiązanie tego problemu?

Może spróbuj wpisać pełny adres grafiki.

Radziłbym na początek podszkolić się trochę w css, a dopiero później szukać dziur w ie8, które może nie idealnie, ale już całkiem dobrze radzi sobie ze standardami w przeciwieństwie do ie6, które jest utrapieniem.

Co do pkt. 1 to całkowicie złe rozwiązanie - text-align służy jak sama nazwa wskazuje do ustawiania tekstu, a nie strony. Powinieneś całą stronę objąć elementem div i użyć: { width: 960px; margin: auto; } - szerokość oczywiście przykładowa. Jeśli nie działa w IE to w pierwszej kolejności sprawdź doctype pliku html.

2. Element div sam w sobie ma wysokość 0 pikseli dopóki elementy w nim się znajdujące go nie "rozciągną" i to jest najprawdopodobniej przyczyna tego, że nie widzisz tła - po prostu element div jest nie widoczny bo brak mu wysokości. Dodaj height lub min-height lub jakąś treść np paragraf i zobacz. Jeśli to dalej nic nie da to pozostaje kwestia ścieżki do pliku. Nie polecam jednak stosować odwołania bezpośredniego z http:// tylko zlokalizować plik graficzny względem pliku css i dodać odpowiednią ścieżkę względna. W innym wypadku jak przeniesiesz stronę pod inną domenę będziesz musiał zmieniać wszystkie odwołania.

1. używaj narzędzi developerskich w IE8. nie jest to może firebug, ale działa całkiem dobrze.
2. poczytaj jak zachowują się elementy blokowe i liniowe
3. bardzo prostym sposobem "debugowania" jest nadawanie elementom borderów. polecam stosować coś w stylu border: 1px solid red; dla elementów, których zachowanie jest niezgodne z oczekiwaniami.

jeśli chodzi o CSS2, to IE8 radzi sobie tutaj całkiem dobrze, owszem ma bugi, ale opisane przez ciebie sytuacje to nie bugi IE.