Autor Zpráva
kukusak
Profil *
Zdravím,
mám problém s linear-gradient. Mám stránku širokou jen 720px zarovnanou na střed. Pomocí linear gradient -moz-linear-gradient(left, #def9c2 0%, #9fe25d 20%, #9fe25d 80%, #def9c2 100%); jsem si nastavil aby stránka byla ze stran bílá a přecházela do zelena, pak za obsahem stránk (oněch 720px) je souvislá zelená, která zasepřejde do bílé. Všechno je hezké, ale neuvědomil jsem si, že při změně velikosti okna (nebo rozlišení monitoru) bude souvislá zelená, která má být jen za obsahem stránky, bude jinak široká...
Lze to nějak jednodušše upravit?
Petr ZZZ
Profil
Možná bych to zkusil nějak takto:

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html { background-color:#fff; }
      body { margin: 0 auto; width: 800px; background-color:#green; background-image:url(gradient.jpg); background-repeat: repeat-y; }
      .obsah { margin: 0 auto; width: 720px; }
    </style>
  </head>
  <body>
  <div class="obsah">
        veškerý obsah stránky
  </div>
  </body>
</html>

Obrázek gradient.jpg musí mít šířku 800px (výšku třeba 100px) a samozřejmě příslušný gradient (uprostřed zelený, vpravo a vlevo přechod do bílé).

Řešení s obrázkem má výhodu v tom, že je funkční i ve starších prohlížečích.
kukusak
Profil *
Díky,
takže jde o klasicky opakující se obrázek na pozadí šlo mi o stránku s co nejmenš počtem obrázků a chtěl jsem si vyzkoušet "nové" CSS tríčky :-) ale asi se na to vykašlu a udělám to obrázkem :-)

Děkuji. :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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