+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z div'ami (/thread-problem-z-div-ami)
problem z div'ami - netghoster - 25-04-2012
Witam
Mam problem z odsunięciem div'ów od siebie w poziomie.. niby banalne, a jednak już kombinowałem na różne sposoby i nic nie pomaga.. obecnie dałem position:absolute; i wszystkie naskoczyły na siebie.. kiedy tego nie ma są w pionie, a chodzi o poziom. Link do strony http://4ds.pl/projekty/spyhouse/index.php po prawej na górze "aktualne promocje"
kod:
<div class="prawa_gora_promocje">
<div class="prawa_gora_promocje_srodek">
<div class="prawa_gora_promocje_text">
<div class="promocje1">
<div class="vmgroup">
<div class="vmproduct">
<div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/podsłuch-radiowy-detail.html?Itemid=110" title="Podsłuch radiowy"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/15_90x90.jpg" alt="15" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/podsłuch-radiowy-detail.html?Itemid=110">Podsłuch radiowy</a> <div class="clear"></div> </div></div>
<div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/nawigacja-gps-detail.html?Itemid=116" title="Nawigacja GPS"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/124_90x90.jpg" alt="124" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/nawigacja-gps-detail.html?Itemid=116">Nawigacja GPS</a> <div class="clear"></div> </div></div>
</div><div style='clear:both;'> <div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/minikamera-detail.html?Itemid=111" title="Minikamera"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/155_90x90.jpg" alt="155" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/minikamera-detail.html?Itemid=111">Minikamera</a> <div class="clear"></div> </div></div>
</div>
<br style='clear:both;' />
</div>
</div>
</div>
</div>
</div>
</div>
w css główny div:
.spacer2{
overflow: hidden;
margin-top:15px;
height:120px;
position:absolute;
vertical-align: middle;
display: table-cell;
border-width:1px;
border-color:#cccccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
}
nie mogę dać do każdego produktu osobnego div'a bo problem już byłby rozwiązany..
z góry dzięki
( Ps. wiem, że za dużo div'ów ale później ogarnę 
)RE: problem z div'ami - michalszyd - 25-04-2012
prawa_gora_promocje ma wartość float: right, a więc przesuwa div maksymalnie do prawej krawędzi.
Albo dodaj margines z prawej strony, albo zmień float na left, i wtedy ustaw margines lewej strony