Autor Zpráva
XyZ
Profil *
Ahoj, potřebovala bych poradit. Na stránce mám tři sloupečky, a do toho pravého sloupce potřebuju vložit ještě jeden element tak, aby byl na spodním okraji sloupce.

Ukázka kódu:
.right
{
  margin: 0px;
  padding: 0px;
  width: 130px;
  float: left;
  color: #000000;
}

#right-line
{
  width: 120px;
  height: 250px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-left: 2px solid silver;
}


<div class="right">
...
<div id="right-line"> &nbsp; </div>
</div>

Toto mi způsobí to, že div right-line se mi posune úplně nahoru. Prosím, poradíte? Děkuju
panther
Profil
XyZ:
že div right-line se mi posune úplně nahoru.
myslíš dolů, že?

Přidej k .right {position: relative}
XyZ
Profil *
panther:
Ukázaný kód mi to posunul nahoru, ale já to chci dolů. position relative situaci nemění...
Živá ukázka:
http://darja.own.cz/test/index2.php
panther
Profil
XyZ:
pozicuješ element bez obsahu, který nevidíš.

Pokud uděláš, co jsem napsal v [#2] a zároveň si k #right-line přidáš třeba background: green, uvidíš ho. Tvůj příklad se chová přesně tak, jak jsi napsal. Pozor, .right má výšku pouze takovou, jako jeho obsah (1 řádek), absolutně pozicovaný element má nulovou výšku.
XyZ
Profil *
panther:
vidím hranici na levé straně. V ukázce se schovala do reklamní lišty... I když dám position:relative, tak pořád je to nahoře :(
panther
Profil
XyZ:
samozřejmě, ten absolutně pozicovaný je potomkem elementu, který je nahoře a má výšku pár pixelů. Není, kde by se měl zobrazit jinde.

Pokud ho chceš doprava dolů, přidej k #container {overflow: hidden} a od .right vyhoď position: relative, který jsi tam dodal.
XyZ
Profil *
panther:
To už je ono. Děkuju

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: