[css] tło jako 1 obrazek - tylko w tytule proste :)

[sbvc]

Nie chodzi mi o to jak wstawić obrazek tła (w tytule nie mogłem się wykazać ), ale jak zrobić aby jedna grafika (powiedzmy o rozmiarach 1024 * 768) była rozciągnięta idealnie na całą stronę (chcę uzyskać podobny efekt jak 'rozciągniecie' tła pulpitu w windowsie).

Zakładamy, że ta grafika to zdjęcie mojego psa, lub samochodu, więc powtarzanie nie wchodzi w grę.

Oto sposoby, które próbowałem, ale nie działają:

1.

<img src.... width="100%" height="100%">

Gdy tak dam to na szerokość jest dobrze, ale na wysokość wyjeżdża poza ekran i tworzy się suwak z boku (a to dlatego, że na górze ekranu są te duperele przeglądarki jak np. pasek z adresem).

2.

<div style="background-url:.... width: 100%; height: 100%"></div>

Zależy od deklaracji dokumentu. W xhtml height nie działa, a w zwykłym html oczywiście tło się powtarza, a ja oczekuję "rozciągnięcia" zdjęcia.

3.

background-url:....

Podobny efekt jak wyżej w html'u

Myślałem aby zrobić coś takiego, że do odpowiedniej rozdzielczości dopasowuje się odpowiednia grafika, ale zawsze to height zawala całą sprawę, ponieważ wyjeżdza poza stronę o tyle ile na górze przeglądarki zajmują te wszystkie paski, zakładki itd.

Może jest na to odpowiedni skrypt, albo coś przeoczyłem?

Z góry dzięki za pomoc.

[shpyo]

Tła nie da się rozciągnąć.

Możesz bawić się co najwyżej w pozycje absolutne, a następnie kolejnością warstw.

[Tobi]

A jak chcesz dostosować wysokość do różnych przeglądarek, które mają różne dodatkowe paski narzędziowe (więcej, mniej, wcale)? Nie da się

Co do powtarzania tła to w CSS: background-repeat: no-repeat lub background: no-repeat

[sbvc]

@Tobi ja wiem jak się powtarza tło (po za tym to na google mógłbym wyszukać).

Widzę, że w css nie ma takiej opcji, ale może w innych technologiach (np. js)?

[zero3]

uwielbiam, jak ktoś mówi "nie da się", motywujące.

rzuć okiem na królika https://www.cssplay.co.uk/layouts/background.html

[sbvc]

@zero3 zaprezentowany przez Ciebie przykład jest podobny, lecz inny od mojego.

Na szczęście wszystko udało mi się rozwiązać.

Dzięki za pomoc!