[noisy]

Kto tu jest dobry z CSSa? http://stackoverflow.com/questions/17762818/how-to-center-image-in-the-specific-div-according-to-current-viewport-position

#css #html #programowanie #css3 #stackoverflow

[eternalmarcos]

@noisy: margin-left: auto;

margin-right: auto;

[b.....r]

@noisy: na content dajesz wrapper z display: table; sam content display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto;

[T.....K]

@noisy: jpg'a walnij co się będziesz męczył

[noisy]

@Marmite: @eternalmarcos: @benethor: przeczytajcie całość pytania na SO, zobaczcie demo tutaj: http://jsfiddle.net/QWB9x/74/

[michal__q]

@noisy: position: fixed;

top: 50%;

left:

[noisy]

@michal__q: też źle...

[noisy]

5 cwaniaków było i wszyscy wymiękli :D

[koob]

@noisy:

.right { position:relative;}

.loading #img_loading { position:absolute; top:50%; left:50%; margin-left:-15px }

EDIT: po doczytaniu chyba jednak nie o to Ci chodzi bo vertical chcesz centrowac wedlug strony a horizontal wedlug div.right. IMO bez JSa nie da rady.

[noisy]

@koob: zastosowanie absolute w tym przypadku w przypadku długiej strony wyrzuci obrazek poza viewport.

Tutaj potrzeba fixed względem wysokości, oraz relative względem szerokości.. tylko tak się chyba nie da :)

[koob]

@noisy: napisalem edit wlasnie, ze jednak chyba bez JSa nie da rady.

[noisy]

@koob: też mi sie zaczyna tak wydawać. Pytanie, który parametr zrobić z CSSa, który z JSa. Bo albo musze przesuwać obrazek wraz ze scrollem, albo przesuwać w bok wraz z zamykającym sie menu (które to zamykanie jest też animowane).

[m.....k]

@noisy: Tak na szybko bym powiedzial robisz maske z z indexem nad .right i ja tez skalujesz podczas chowania menu. Loadera pozycjonujesz wzgledem tej maski. Tak zeby loader nie siedzial w .right i wtedy odpada problem wychodzenia poza vieport przy dlugim contencie.

Jezeli nie znajdziesz rozwiazania, to wieczor mam zaplanowany pij z wypokiem, wiec moze cos podzialamy.

[koob]

@noisy: prosciej chyba bedzie to co Ci podalem wyzej i policzyc top bo header masz stalej wysokosci, druga opcja to zrobic jakis niewidoczny layer z takim samym ukladem jak strona tylko z wysokoscia na 100% ale to bedzie chyba bardziej skomplikowane bo lewa kolumna masz chowana

[m.....k]

@koob: Czyli to co pisalem. I wcale tak skomplikowanie to nei jest.

[koob]

@mikrowypok: IMO prosciej policzyc top i podmienic w CSSie przed wyswietleniem

[m.....k]

@koob: Ale do tego potrzebny .js. Moj sposob powinien samym .css dzialac.

[noisy]

@koob: tylko, że top jest zależny od pozycji scrolla na stronie, a przewijanie następuje dość czesto, raczej dużo częściej niż zamykanie menu.