+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Pozycjonowanie w CSS (/thread-pozycjonowanie-w-css)
Pozycjonowanie w CSS - matkli110 - 19-10-2009
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.
RE: Pozycjonowanie w CSS - Kamil - 19-10-2009
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.
RE: Pozycjonowanie w CSS - matkli110 - 19-10-2009
(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?
RE: Pozycjonowanie w CSS - Kamil - 19-10-2009
ostatecznie możesz spróbować nadać z-index: 2 i position: relative może to pomoże
RE: Pozycjonowanie w CSS - Labsta.com - 20-10-2009
Najlepiej jak podasz link.
RE: Pozycjonowanie w CSS - matkli110 - 20-10-2009
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.
RE: Pozycjonowanie w CSS - Labsta.com - 21-10-2009
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.
RE: Pozycjonowanie w CSS - matkli110 - 21-10-2009
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
