3 odpowiedzi na ten temat

[kylu123]

Witam
Mam pytanie jak zrobić taki manewr:
mam kontener o określonej wysokości i szerokości, nazwijmy go "out", w który pakuję kilka mniejszych kontenerów, "in", każdy z opcją float:left, czyli jeden koło drugiego. Te wewnętrzne div są różnej szerokości, a wysokość mają taką sama jak div "out".
Chciałbym zrobić tak, że div "in" który jest ostatni zostanie wyświetlony ale tylko do granic kontenera "out", ta jego cześć która się nie zmieści zostanie obcięta, ukryta cokolwiek, byle ta część która się powinna jeszcze zmieścić była widoczna.
Próbowałem "overflow:hidden", ale wówczas ostatniego "in" nie wyświetla mi w ogóle, opcje vissible, czy auto powodują, że cały ostatni "in" jest wyświetlany z nowej linii pod kontenerem "out".

proszę o pomoc

[Marks]

Witam,
Spróbuj pobawić się w css właściwością 'z-index' dla divu "out" i dla divu "in". Prosta rzecz a powinna pomóc.
Tutaj masz trochę o 'z-index' do poczytania: http://www.kurshtml....cjonowanie.html

Pozdrawiam,

[milbau]

Chodzi o to że ostatni in przechodzi Ci do nowej linii overflow:hidden ucina to co jest poza out więc jak dasz to tego nie widzisz, zrób tak

<div class="out">
   <div style="width:150%">
	  <div class="in"></div>
	  <div class="in"></div>
	  <div class="in"></div>
	  <div class="in"></div>
  </div>
</div>

Inna opcja to np. pozycjonowanie abosutne tych diwów in, .out ma oczywiście ucinać to co wystaje poza

[kylu123]

Dzięki Panowie za podpowiedzi. Na pewno coś wykorzystam.
Pozdr.