Autor Zpráva
ronaldinho
Profil *
Zdravím,

vie mi niekto poradiť kde robím chybu keď sa mi pri rolovaní obrázok ako keby orezáva?

Prikladám pôvodný element ku ktorému som pridal obrázok:
#body_bg { 
    width: 100%;
    height: 100%;    
    margin: 0;
    padding: 0;
    position: relative;
  background-image: url('http://img838.imageshack.us/img838/2726/futsalpozadie01.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: 100% 100%;
}

Skúšal som z elementu odobrať aj hight ale nepomohlo to a obrázok sa orezával pri rolovaní stále.
ďakujem za pomoc
panther
Profil
ronaldinho:
jak ořezává? Dodej odkaz.
weroro
Profil
Možno to robí background-attachment: fixed; a nie je toto background-position: 100% 100%; trochu prehnané? Teoreticky sa pri hodnote 100% dané pozadie vykreslený úplne v pravo dole daného elementu, čiže ho nie je ani vidno.
margin
Profil *
weroro:
Teoreticky sa pri hodnote 100% dané pozadie vykreslený úplne v pravo dole daného elementu, čiže ho nie je ani vidno.
Bude vidět, background-position funguje jinak, než absolutní pozicování, v pravém dolním rohu bude pravý dolní roh obrázku.
http://jsfiddle.net/L3v8y/1/
weroro
Profil
A skutočne. :) Ja som to potom vyskúšal a obrázok sa nezobrazil (IE7), tak to automaticky potvrdilo moju teóriu, ale chyba bola u mňa, mal som zmenšené okno prehliadača. Obrázok tam bol ale nevidel som ho. Pardón.
ronaldinho
Profil *
Na tejto stránke mi to tak robí: http://futsalovekluby.webnode.sk/

Obrázok vpravo mi zobrazí, ale pri rolovaní sa mi akoby orezával.
panther
Profil
ronaldinho:
#nonFooter {overflow: hidden}
#footer {float: none;}
ronaldinho
Profil *
panther:
Možem poprosiť o podrobnejší popis?

Ďakujem.
panther
Profil
ronaldinho:
popis čeho? Nemám, co víc byhc k tomu dodal. CSS, které zkopíruješ a vložíš do svého stylopisu, to ti přijde málo?
ronaldinho
Profil *
Ok, funguje to.
Ďakujem za pomoc.


panther:
Nakoniec mi to nefunguje, skopíroval som to tam ale obrázok mi stále orezáva.


Prosím o pomoc, skúšal som aj pôvodný element zmazať:
#nonFooter { 
    min-height: 88%;    
    position: relative;    
    background: url(../img/nonfooter-bg.gif) left 425px repeat-x;
}

a bahradiť ho:
#nonFooter {overflow: hidden}
#footer {float: none;}
ale stále mám výsledok rovnaký, obrázok sa pri rolovaní akoby orezáva.
ronaldinho
Profil *
Skúšal som to rôzne ale nefunguje mi to.
Môžete mi niekto prosím ešte poradiť?
Ďakujem.

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: