Zaloguj się

matkli110 · 19-10-2009, 19:43

Mam problem z pozycjonowaniem. Otóż mam stronkę wypośrodkowaną na ekranie. Chciałbym wprowadzić mały pionowy banner-link obok <body> po prawej stronie. Próbowałem to zrobić za pomocą position:absolute, ale niestety w zależności od rozdzielczości ekranu lub wielkości okna banner przesuwa się na zawartość <body>. Czy jest możliwość, żeby banner był na stałe zaczepiony obok strony i nie przesuwał się?
Dzięki za uwagi.

Kamil · 19-10-2009, 20:28

Możesz zrobić tak: do głównego diva (wyśrodkowanego) wpisz jeszcze jednego diva z parametrami: position: absolute; left: 0; top: 0; margin-left: -50px; ( w zależności od szerokości bannera) powinno pomóc.

matkli110 · 19-10-2009, 21:05

(19-10-2009, 20:28)Kamil napisał(a): Możesz zrobić tak: do głównego diva (wyśrodkowanego) wpisz jeszcze jednego diva z parametrami: position: absolute; left: 0; top: 0; margin-left: -50px; ( w zależności od szerokości bannera) powinno pomóc.

Dzięki Kamilu za tipsa, ale niestety to nie funkcjonuje, już poprzednio leciałem z pozycjonowaniem absolutnym i ten problem który i w tym przypadku jest to to, że banner przesuwa się w miarę jak się zmniejsza okno przeglądarki (łatwo sprawdzić) co oznacza, że przy mniejszej rozdzielczości niż ja mam (np w laptopach) banner przesunie się na zawartość strony. Czy nie ma możliwości żeby go "przytwierdzić" na stałe obok strony?

Kamil · 19-10-2009, 22:13

ostatecznie możesz spróbować nadać z-index: 2 i position: relative może to pomoże

**Labsta.com** · 20-10-2009, 01:50

Najlepiej jak podasz link.

matkli110 · 20-10-2009, 02:35

Linku jeszcze nie moze byc bo strona dopiero na moim komputerze (WAMPS server), W kazdym razie moge przeslac plik CSS o ile bylby potrzebny.
Strona ma 800px szerokosci i jest scentrowana na ekranie wg margin-left:auto oraz margin-right:auto i text-align:center. To wszystko w divie wrap obejmujacym caly index. Strona jest podzielona w PHP i posiada header, main, kolumne left oraz stopke.
Problem jaki mam to taki jak pisalem wczesniej. Czy z boku w odleglosci powiedzmy 10px od prawego boku strony i powiedzmy 5px top nie naruszajac calosci kodów strony (np budując tabelę) można tak zpozycjonować podłuzny banner-link (80x180px) żeby przy zmiennej okna przeglądarki lub innej (mniejszej) rozdzielczości ekranu, banner nie przesuwał się względem zawartości strony, bo jak dotychczas to na nią najeżdża i zakrywa.

**Labsta.com** · (Ten post był ostatnio modyfikowany: 21-10-2009, 08:24 przez Labsta.com.)

Jeśli chcesz przyspieszyć sprawy to w tematach dot. kodu staraj się dawać link do działającej wersji. To zawsze ułatwia sprwę.

Banner wrzuć do wrappera tego co ma 800px; i daj mu (ew. dodaj do tego elementu position:relative; ):

Kod:
position: absolute;

right: -80px;

top: 0px;

To tak teoretycznie, mam nadzieję, że zadziała.

matkli110 · 21-10-2009, 16:11

Dzięki serdeczne, sam się zdziwiłem ale zadziałało!!!
Jesteś wielki a ja jak ten pokemon. Człowiek uczy się całe życie. Wystarczyło do "wrapa" dodać position:relative, i wszystko zaczęło działać.
Jeszcze raz, dzięki i pozdrowienia ze Sztokholmu
Matti

PS
Jak będę miał jakieś problemy (oby nie) to podeślę temat Smile

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie