Nastavitev ozadja

Imam sliko 1920x1200, katero bi rad nastavil za ozadje strani. Problem je, ker ima slika motive samo ponekod, ostalo pa ima nekaj črt in krogecov.

Pri meni na 22" kaže ozadje lepo, pri stranki na drugih pa prikaže samo nekaj črt in izgubi pomen. Zanima me, ali gre naredit kakorkoli, da se to ozadje avtomatsko spreminja, glede na velikost ekrana? Da na čisto vsakem prikaže lepo, tak kot pri meni, slika pa ostane na mestu (da ko se scrolla, ostane slika na mestu).

Probal sem že z kodo
body
{
background-image: url(background.gif);
background-attachment: fixed
}

ampak kot sem že povedal, meni prikaže stran lepo, drugim pa samo del strani in vse izgubi pomen. Je kakšna rešitev?

24 odgovorov

background-position: center top;

body
{
background-image:url('background.gif');
background-repeat: no-repeat;
background-attachment: fixed;
}

Ali pa, da spreminjaš dinamično s pomočjo javascripta in glede na klientovo resolucijo.

1

Koliko kb pa zasede ta BG?

BG zasede 179 kb. Sem že našel rešitev, naredil sem tole:
body
{
background-image: url(backgroun.jpg);
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
}

Hvala za pomoč.

Še eno vprašanje. Kako pa bi recimo lahko naredil, da imam 2 sliki, ena mora biti na levi druga pa na desni, v sredini pa barva. Tukaj se lahko ti sliki repeatata po y.

Narediš div za levo in desno stran ter sredino in nastaviš za levega in desnega background-image, sredinskemu pa pač nastaviš za ozadje barvo.

Naprimer:
#levastran {
background-image: url(leva.jpg);
background-repeat: repeat-y;
...
} in potem v html izpišeš kot <div class="leva
stran"></div>

Kako pa vstavimo <div> na levo in desno stran, ko je stran že končana?
Recimo, če bi hotel po tem, ko je stran že končana na levo in desno stran dodati sliko.

Ja isto, imaš pač tri dive, za vsak stolpec enega.

Verjetno me nisi dobro razumel

Zanima me kako bi na zunanjo levo in desno stran dodal <div>

Recimo, da je sivo pobarvano obstoječa spletna stran.
Zdaj bi pa rad neodvisno od tega na levo in desno stran (rdeča polja) dodal 100px široko in 960px visoko sliko, da bi segala od začetka header-ja do konca footer-ja.

Če zdaj dodam <div> v <body> mi ga vgnezdi v sedaj obstoječo stran (siva polja)

Če te prav razumem, je rešitev za tvoj problem absolutno pozicioniranje diva.