Autor Zpráva
shloff0
Profil
zdravim, v tvorbe stranok som úplný začiatočník, takže momentálne prechádzam cez jeden problém za druhým a nerobím nič len po nete čo by sa mi mohlo hodiť. No s týmto si fakt neviem rady. Mám obrázok pozadia vytvorený vo photoshope. Chcem aby sa mi na stránke načítal celý a spolu s obsahom stránky sa dal rolovať (nie aby sa roloval len obsah stránky). Ak mám túto vlastnosť nastavenú na fixed, obsah stránky (v mojom prípade jeden obázok) sa zobrazí správne umiestnený na pozadí, no ked rolujem stránku roluje sa len obsah, pozadie ostáva na mieste. A ak vymením fixed za scroll, obrázok sa zobrazí pod pozadím, mimo neho. Chcel by som to teda nejako spojiť, aby bol obrázok na pozadí a aby sa spolu s ním rolovalo aj pozadie. Môžte mi s tým trochu poradiť? Pripomínam, že som totálny začiatočník, toto je moje prvé stretnutie s HTML. Vopred ďakujem za každú radu. Toto je môj zdrojový kód (vyhrabal som to niekde na nete):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />

<title>EHERO</title>

<style type="text/css">
      html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }

      #full-screen-background-image {
        z-index: -999;
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
      }

      #wrapper {
        position: relative;
        width: 800px;
        min-height: 400px;
        margin: 100px auto;
        color: #333;
      }
</style>

</head>

<body>

<img alt="full screen background image" src="/pozadie.jpg" id="full-screen-background-image" /> 
  <div id="wrapper">
    <img src="les.jpg" width="200" height="200" alt="" />

  </div> 
  
</body>
</html>
Rellik
Profil
Tu pozici z "#full-screen-background-image"vyhoď úplně pryč a máš hotovo... ;)
peta
Profil
Zbytecne si to komplikujes. Obrazek na pozadi je css vlastnost background.
Ano, obrazek lze i napozicovat, ale background je lepsi. Pouzil bych ale position:absolute;.
shloff0
Profil
Position:absolute to vyriešilo presne tak, ako som chcel. Takže moja prvá stránka konečne šlape ako som chcel :-) ďakujem veľmi pekne


Teda predsa len som na tom objavil chybu: zmenil som len moje fixed za absolute, rozmery stránky aj všetko je tak ako som chcel, ale ak zmenšujem alebo zväčšujem stránku ctrl-/ctrl+, zmenšuje sa na nej obsah, ale pozadie zostáva rovnaké..vedeli by ste mi pomôcť aj s týmto? Skúsil som použiť aj vlastnosť background-image: URL('pozadie.jpg'); tu sa mi však nezobrazil celý obrázok pozadia, iba jeho časť, ktorá sa zmestila na obrazovku. Ak som tam dal aj position:absolute, stránku mi ani nenačítalo.


Pre take spresnenie, chcel by som aby sa moje pozadie pri ctrl+/- správalo asi ako tu http://www.itnews.sk/spravy Teda ak tomu správne rozumiem a to, čo je na tejto stránke v pozadí takou sivou farbou, je pozadie.
Cako_SK
Profil *
toto by aj mňa veľmi zaujímalo. Ak si na to zatiaľ prišiel, napíš
Cako_SK
Profil *
Už som na to prišiel. Do css si dopíš margin: 0 auto;

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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