Pozicioniranje unutar DIV-a

Pozicioniranje unutar DIV-a 03.05.2005. u 18:35 · pre 261 mesec #1

Imam DIV, recimo da ima dimenzije 200x100 i hoću sadržaj tog DIV-a da pozicioniram u donji desni ugao, na koji bi način to mogao da izvedem? Unutar DIV-a mi se nalazi unordered lista.

Pozdrav.

Potpis

"Nutri-matik je konstruisala i izradila Sirijuska kibernetska korporacija čije odeljenje za žalbe sada prekriva sve glavne kopnene mase prve tri planete zvezde Tau iz sistema Sirijusa"

Re: Pozicioniranje unutar DIV-a 03.05.2005. u 19:13 · pre 261 mesec #2

Code:
#div {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  background: red;
}

Potpis

http://www.activecollab.com - Alat za upravljanje projektima

Re: Pozicioniranje unutar DIV-a 03.05.2005. u 21:24 · pre 261 mesec #3

Mislim da se nismo razumeli, nisam mislio da pozicioniram DIV već sadržaj unutar njega, primer:

Code:
<div id="content" style="width: 200px; height: 100px">
<ul>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
</ul>
</div>

Hoću da mi ova lista stoji u donjem desnom uglu DIV-a, na to sam mislio, nadam se da je sada jasnije.

Potpis

"Nutri-matik je konstruisala i izradila Sirijuska kibernetska korporacija čije odeljenje za žalbe sada prekriva sve glavne kopnene mase prve tri planete zvezde Tau iz sistema Sirijusa"

Re: Pozicioniranje unutar DIV-a 03.05.2005. u 23:32 · pre 261 mesec #4

Probaj ovako nesto, nije bas najsretnije resenje ali radi radnju.

Code:
#content {
    height: 100px;
    width: 200px;
}
#content ul {
    margin: auto;
    text-align: right;
    padding-top: 50px; /** jedini nacin da spustis sadrzaj **/
}

Potpis

Solarni kolektori

Re: Pozicioniranje unutar DIV-a 03.05.2005. u 23:41 · pre 261 mesec #5

Code:
#content
{
    position: relative;
    width: 200px;
    height: 100px;
}
#content ul
{
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

Potpis

BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo

Re: Pozicioniranje unutar DIV-a 04.05.2005. u 02:45 · pre 261 mesec #6

Citat:

noviKorisnik:

Code:
#content
{
    position: relative;
    width: 200px;
    height: 100px;
}
#content ul
{
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

Ovo sam iskoristio i radi savršeno.

@adelante:
Tvoje rešenje mi ne odgovara jer mi se veličina liste menja od jednog do tri člana i uvek bi trebala da bude na dnu, ne mogu fixno da je maknem dole za 50px.

U svakom slučaju hvala svima na predlozima.

Pozdrav.

Potpis

"Nutri-matik je konstruisala i izradila Sirijuska kibernetska korporacija čije odeljenje za žalbe sada prekriva sve glavne kopnene mase prve tri planete zvezde Tau iz sistema Sirijusa"

Forum kao aplikacija na telefonu

Srodne teme