Autor Zpráva
Fisak
Profil
Zdravím... na stránce http://immortals.4fan.cz/hlavni-stranka.php mám na pozadí obrázek ovšem ten v rozlišení pro můj 22' monitor se zobrazí v pohodě ale jakmile na něj kouknu na notebooku 15,6' tak se mi zobrazí půlka pozadí.. prosím o radu jak toto řešit. Předem děkuji za opdověď...
Str4wberry
Profil
Od Exploreru 9 můžeš použít CSS vlastnost background-size.
body {background-size: 100%; …}

Také to lze, byť trochu krkolomně, řešit pomocí <img>.

Případně si velikost okna změřit JavaScriptem a dle ní nabídnout různou verzi přibližně správně velkého obrázku.
Fisak
Profil
Str4wberry:
no právě to je blbý v tom že když mám velkej monitor tzn vysoký rozlišení tak se ten obrázek na pozadí roztáhne a tím i rozmázne což je celkem naprd.. takže by to chtělo ještě dodat max-width
Str4wberry
Profil
To jsem neřešil. Jak píšeš – stačí dodat max-width.
Fisak
Profil
Str4wberry:
a jak to tedy dodat do backgroundu aby to pochopil že je to na ten obrázek na pozadí ??
peta
Profil
Divu stranky bych nastavil min-width/max-width a obrazek zarovnal vlevo pres background-position. Div stranky bych centroval.
Kdyz bude stranka v nejmensim rozmeru bude videt obrazek zleva.
Kdyz bude siroka, bude obrazek cely.
Kdyz bude sirka vetsi nez obrazek, bude obrazek centrovany, protoze je stranka centrovana.
Nebo tam dej pevnou sirku stranku, (960px mozna vic, podle 960.gs)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: