Forum PHP.pl > Ustawienie DIV w CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

mgregor

2.11.2004, 18:00:15

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

wassago

2.11.2004, 19:10:52

wzgledem nadrzednego elementu blokowego.. w tym przypadku mozna powiedziec ze bedzie to <body>

mgregor

2.11.2004, 20:32:27

Czyli mam rozumiec ze jesli drugiego DIV'a wstawie w pierwszego to bedzie sie pozycjonowal w stosunku do niego tak?

wassago

2.11.2004, 21:11:41

tak... ale ten pierwszy musi byc 'relative' a 2gi 'absolute'

mgregor

2.11.2004, 21:17:37

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

Zajec

4.11.2004, 23:48:18

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...

wassago

5.11.2004, 00:00:59

przciez nic takiego nie powiedzialem. mozna.
ale gdy chcesz pozycjonowac diva polozonego absolutnie wzgledem diva nadrzednego to musi on byl divem relatywnym.

Zajec

5.11.2004, 07:21:21

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ę.

revyag

5.11.2004, 07:42:55

No chwila.
Przecież można pozycjonować divy absolute względem innych absolute, a z toku rozmowy wynika że nie.

mgregor

5.11.2004, 09:22:40

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

wassago

5.11.2004, 09:57:57

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

Aztech

5.11.2004, 11:30:40

A jak zrobic cos co w talekce wygladalo tak za pomoca div'ów?
Zaczynam sie bawic z div-ami i wlasnie mi sie wszystko sypie

[HTML] pobierz, plaintext 
<table>
  <TR>
    <TD colspan="2">LOGO</TD>
  </TR>
  <TR>
    <TD>TEXT</TD>
    <TD>MENU</TD>
  </TR>
</table>
[HTML] pobierz, plaintext

mgregor

5.11.2004, 11:54:36

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....

Aztech

5.11.2004, 14:36:52

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?

BugTomek

6.11.2004, 22:15:11

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.