 Ustawienie DIV w CSS |
  |
| Ustawienie DIV w CSS |
 2.11.2004, 18:00:15
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 9.06.2004 Skąd: Warszawa Ostrzeżenie: (0%) 
 |
Jak to jest z pozycjonowaniem w CSS? Wzgledem czego jest pozycjonowany obiekt jest w stylu jest okreslone: 'position: relative'? Jesli mam np. tak:
Kod <html> <head> <title> Produkty firm Maxdata i Belinea: </title> <link rel="STYLESHEET" href="styl.css" type="text/css"> </head> <body> <div class="head" style="border: 0px solid red; position: absolute; left: 100px; top: 0px; height: 100px; width: 700px;"> <iframe src="head.html" style="border: 1px solid black; height: 100px; width: 700px;" name="head"></iframe> </div> <div class="menu" style="border: 0px solid black; position: relative; left: 0px; top: 0px; height: 500px; width: 150px;"> <iframe src="menu.html" style="border: 1px solid black; height: 500px; width: 150px;" name="menu"></iframe> </div> </body> </html> To wzgledem czego jest pozycjonowany drugi div? Jakos nie moge tego pojac a metoda prob i bledow tez mi nie wychodzi...Moze ktos to jakos łopatologicznie wytlumaczyc? Bylbym niezmiernie wdzieczny  Pozdrawiam serdecznie mgregor -------------------- "A oto człowiek który potrafi usypiać cegły..."
mgregor(at)go2(dot)pl GG: 391450 |
 |
 
|
|
2.11.2004, 19:10:52
Post
#2
|
|
 Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%)
|
wzgledem nadrzednego elementu blokowego.. w tym przypadku mozna powiedziec ze bedzie to <body>
-------------------- |
|
|
|
|
2.11.2004, 20:32:27
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 9.06.2004 Skąd: Warszawa Ostrzeżenie: (0%)
|
Czyli mam rozumiec ze jesli drugiego DIV'a wstawie w pierwszego to bedzie sie pozycjonowal w stosunku do niego tak?
-------------------- "A oto człowiek który potrafi usypiać cegły..."
mgregor(at)go2(dot)pl GG: 391450 |
|
|
|
|
2.11.2004, 21:11:41
Post
#4
|
|
|
Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%)
|
tak... ale ten pierwszy musi byc 'relative' a 2gi 'absolute'
-------------------- |
|
|
|
|
2.11.2004, 21:17:37
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 9.06.2004 Skąd: Warszawa Ostrzeżenie: (0%)
|
Dzieki za przyspieszony kurs CSS
Jakos nie moglem tego zlapac...przez pewien czas myslalem ze relative to znaczy wzgledem poprzedniego znacznika  Ale nic to Ide przecwiczyc nowe lekcje.Pozdrawiam serdecznie i jeszcze raz dziekuje mgregor -------------------- "A oto człowiek który potrafi usypiać cegły..."
mgregor(at)go2(dot)pl GG: 391450 |
|
|
|
|
4.11.2004, 23:48:18
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)
|
Cytat(wassago @ 2004-11-02 21:11:41) tak... ale ten pierwszy musi byc 'relative' a 2gi 'absolute' Nie no, gdybym Cię nie znał, to bym stwierdził że po prostu głupoty gadasz. Możesz trochę to rozwinąć? Bo na razie zrozumiałem, że nie można wstawić w siebie kilku div'ów o pos:relative... Ten post edytował Zajec 4.11.2004, 23:48:34 |
|
|
|
|
5.11.2004, 00:00:59
Post
#7
|
|
|
Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%)
|
przciez nic takiego nie powiedzialem. mozna.
ale gdy chcesz pozycjonowac diva polozonego absolutnie wzgledem diva nadrzednego to musi on byl divem relatywnym. -------------------- |
|
|
|
|
5.11.2004, 07:21:21
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)
|
Cytat(wassago @ 2004-11-05 00:00:59) ale gdy chcesz pozycjonowac diva polozonego absolutnie wzgledem diva nadrzednego to musi on byl divem relatywnym. Dobra, to jakoś bardziej do mnie przemówiło :-) Teraz łapię. |
|
|
|
|
5.11.2004, 07:42:55
Post
#9
|
|
 Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
No chwila.
Przecież można pozycjonować divy absolute względem innych absolute, a z toku rozmowy wynika że nie. -------------------- -------------
------ |
|
|
|
|
5.11.2004, 09:22:40
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 9.06.2004 Skąd: Warszawa Ostrzeżenie: (0%)
|
Panowie, panowie
Spokojnie Wszystko dziala. Mi chodzilo o to zeby ustawic jednego DIV'a na gorze strony i wszystkie inne zeby pozycjonowac wzgledem niego. I udalo sie Wszystko dziala
-------------------- "A oto człowiek który potrafi usypiać cegły..."
mgregor(at)go2(dot)pl GG: 391450 |
|
|
|
|
5.11.2004, 09:57:57
Post
#11
|
|
|
Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%)
|
Cytat(revyag @ 2004-11-05 08:42:55) No chwila. Przecież można pozycjonować divy absolute względem innych absolute, a z toku rozmowy wynika że nie. faktycznie.. mozna dwa absoluty dac.. widocznie z czyms innym mi sie pomieszalo, jak przypomne sobie z czym to napisze tutaj. EDIT: juz wiem o co mi chodzilo. w sytuacji gdy nadrzedny div nie bedzie mial ustawionego pozycjonowania relatywnego lub absolutnego - wtedy ulozenie sie rozsypie -------------------- |
|
|
|
|
5.11.2004, 11:30:40
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 276 Pomógł: 3 Dołączył: 22.10.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
|
|
|
|
|
5.11.2004, 11:54:36
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 9.06.2004 Skąd: Warszawa Ostrzeżenie: (0%)
|
Wydaje mi sie ze jakos tak (pisze z glowy wiec moga byc bledy):
Kod <body> <div style="position: absolute; left: 0px; top: 0px; height: y; width: x;"> To Twoj naglowek </div> <div style="position: absolute; left: 0px; top: y; height: iles; width: x/2;"> To jest lewa czesc </div> <div style="position: absolute; left: x/2; top: y; height: iles; width: x/2;>" To jest prawa czesc </div> </body> Wszystkie div'y sa pozycjonowane absolutnie wzgledem znacznika body i beda zaczynaly sie od lewego gornego rogu strony. Jesli chcesz pozycjonowac je wzgledem pierwszego DIV'a (naglowka) to bedzie to wygladalo nastepujaco: Kod <body> <div style="position: relative; left: 0px; top: 0px; height: y; width: x;"> To Twoj naglowek <div style="position: absolute; left: 0px; top: 0px; height: iles; width: x/2;"> To jest lewa czesc </div> <div style="position: absolute; left: x/2; top: 0px; height: iles; width: x/2;>" To jest prawa czesc </div> </div> </body> Jesli sa bledy to niech ktos poprawi.... Ten post edytował mgregor 5.11.2004, 11:55:55 -------------------- "A oto człowiek który potrafi usypiać cegły..."
mgregor(at)go2(dot)pl GG: 391450 |
|
|
|
|
5.11.2004, 14:36:52
Post
#14
|
|
|
Grupa: Zarejestrowani Postów: 276 Pomógł: 3 Dołączył: 22.10.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
P.S. To co napisałeś - działą
P.S.2 zakumalem juz o co chodzi z relative i absolute - trzeba bylo tylko ukierunkowania. A jak powinna wygladac modyfikacja zeby całość była wyśrodkowana? Ten post edytował Aztech 5.11.2004, 14:59:35 |
|
|
|
|
6.11.2004, 22:15:11
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 23 Pomógł: 1 Dołączył: 24.04.2004 Ostrzeżenie: (0%)
|
Zamknij wszystko w dodatkowy <div> i ustal dla niego margin: 0 auto 0 auto oraz(żeby działało w IE) text-align: center. Dla divów wewnątrz musisz wtedy dać text-align: left.
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 25.07.2025 - 08:01 |
