+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS]Pozycjonowanie względem innego obiektu (/thread-css-pozycjonowanie-wzgledem-innego-obiektu)
[CSS]Pozycjonowanie względem innego obiektu - Polak149 - 08-09-2010
Witam
Zrobiłem sobie szablon strony w formie jednego obrazka (załącznik), który ma być tłem. Dodałem go do css... no i tu zaczyna się mój problem. Nie mam pojęcie jak wypozycjonować jakiś element, na przykład diva, względem tego obrazkowego tła. Wszelkie moje próby kończyły się przesunięciem względem krawędzi okna przeglądarki. To mój skromny kod
Kod:
@CHARSET "UTF-8";
body {
background-color: #007f00;
}
.napis_dol {
text-align: center;
font-family : Lucida Console;
font-size : 18px;
color : black;
font-weight: bold;
}
#img <- To jest to tło
{
position: absolute;
left: 17%;
top: 0%;
z-index: 1;
}
#copyrajty <- mój div
{
position: absolute;
left: 50%;
top: 95%;
z-index: 2;
}Dodam, że używam css jako zewnętrzny plik *.css więc w tej formie prosiłbym o odpowiedź.
Pozdrawiam
RE: [CSS]Pozycjonowanie względem innego obiektu - Pedro84 - 08-09-2010
Bo dla elementu nadrzędnego trzeba nadać position:relative;
RE: [CSS]Pozycjonowanie względem innego obiektu - Polak149 - 08-09-2010
A widzisz! Coś się zaczęło dziać. Ba! Nawet działa, ale w tej chwili pojawił się kolejny problem. Mój div jest jakby cztery razy dłuższy i powoduje to rozciągnięcie się szerokości całej strony, przez co pojawia się suwak. Zrobiłem screena, żeby lepiej zrozumieć problem. W załączniku jest do pobrania. A kod zmienił się na taki:
Kod:
@CHARSET "UTF-8";
body {
background-color: #007f00;
}
.napis_dol {
font-family : Lucida Console;
font-size : 18px;
color : black;
font-weight: bold;
}
#img
{
position: absolute;
top: 0px;
left: 170px;
z-index: 1;
}
#copyrajty {
position: relative;
left: 460px;
top: 865px;
z-index: 2;
}RE: [CSS]Pozycjonowanie względem innego obiektu - Kartofelek - 08-09-2010
zle pociety lay.
div calosc : width okreslone, margin:0 auto; pozycja relatywna
copyright - pozycja absolutna, bootom:0
tresc w div calosc -> margin-bottom: wysokosc copyright
to jest standardowy lay, nie ma sensu kombinowac z pozycja zbsolutna oddzielnie dla bloku copyright
RE: [CSS]Pozycjonowanie względem innego obiektu - Polak149 - 08-09-2010
(08-09-2010, 23:17)Kartofelek napisał(a): zle pociety lay.
div calosc : width okreslone, margin:0 auto; pozycja relatywna
copyright - pozycja absolutna, bootom:0
tresc w div calosc -> margin-bottom: wysokosc copyright
to jest standardowy lay, nie ma sensu kombinowac z pozycja zbsolutna oddzielnie dla bloku copyright
A mógłbyś mi pokazać to w kodzie ew. przykład? Bo nie bardzo mogę się w tym połapać. Wiem, że jestem zielony i zawracam głowę, ale potrzebuje to zrobić, a wszelkie kursy jakie znalazłem nie mówią nic o layach
@EDIT
Dałem radę. Temat można zamknąć.