[CSS][HTML]Jak rozciągać obrazek procentowo w zalezności od wysokości ekranu? Opcje

[JacekKw]

Tutaj znajdziecie zalążek strony, z którym mam problem. Chodzi o to, iż obrazek który się tam wyświetla chciałbym rozciągać procentowo w zależności od wysokości ekranu.

[HTML] pobierz, plaintext 
<img style="width: 70%; display: block; opacity: 1;" src="img/main.jpg">
[HTML] pobierz, plaintext 

To działa poprawnie, jednak rozciąganie po szerokości mnie nie urządza a już zapis:

[HTML] pobierz, plaintext 
<img style="height: 70%; display: block; opacity: 1;" src="img/main.jpg">
[HTML] pobierz, plaintext 

...nie działa.

Mogę prosić o wskazówki?

[HTML] pobierz, plaintext 
<img style="position: absolute; height:65%;" src="img/main.jpg"> 
[HTML] pobierz, plaintext 

Rozwiązuje problem, ale rodzi kolejny. Nie wiem jak teraz ustawić obrazek na środku ekranu. Próby centrowania, jeśli już udane kończą się zwykle tym, że na środku ląduje lewa krawędź obrazka.

Ten post edytował JacekKw 9.03.2010, 13:17:00