sa takie oto kody:

[HTML] pobierz, plaintext 
#main {
overflow: hidden;
 width: 980px;
 margin-top: 22px;
 display: table;
}
 
.left, .right, .line {
text-align: left;
vertical-align: top;
padding-top: 40px;
display: table-cell;
}
.left {
width: 264px;
 
}
.right {
width: 696px;
padding-left: 10px;
	background: url(../images/bg.jpg) repeat-y;
 
}
.line {
background: url(../images/menu_s.jpg) 0px 5px repeat-y;
width:2px;
}
[HTML] pobierz, plaintext 

ktore styluja takie cos:

[HTML] pobierz, plaintext 
<div id="main">
		<div class="left">tresc</div>
		<div class="line"></div>
		<div class="right">tresc</div>
	</div>
[HTML] pobierz, plaintext 

zadaniem diva "line" jest rysowanie pionowej linii w zaleznosci od wysokosci (najwyzszej) pozostalych dwoch divow.
Czy da sie aby tlo, ktore laduje do diva line przesunac o 10px w dol, zeby nie zaczynalo sie od samej gory ? Tak jak zrobilem teraz, nie dziala .

margin-top: 10px

nie dziala ;P

Podstaw sobie x i y jak chcesz.

no przeciez dalem

[HTML] pobierz, plaintext 
background: url(../images/menu_s.jpg) 0px 5px repeat-y;
[HTML] pobierz, plaintext 

wszystko by dziaalalo gdyby nie bylo: display: table i display: table-cell;

Ale spoko, juz sobie poradzilem- dalem drugiego diva z pozycja abslolute i dziala

Chyba nie zadziała, bo te divy są zrobione jako komórki tabeli. Z tego względu chyba mogą zignorować margines. trucksweb: próbowałeś tego margin-top dla .line, zgadza się?


Ta linia ma się powtarzać w pionie poza pierwszymi 10px od góry. Przesunięcie nie pomoże, bo ponad początkiem też będzie się obrazek powtarzał.


trucksweb: nie wiem jak wygląda u Ciebie tło tych divów, możesz dasz radę do .line wrzucić jeszcze jeden div (o wysokości konkretnie 10px i display block), który zakryje górny fragment linii? Czy tło na to nie pozwoli?

dzieki Zajec, jest tak jak opisales. Jak pisalem wczesniej, dalem drugiego diva nad tym divem w tlem i jest ok (zaslania mi kawalek tla innym tlem).
innego rozwiazania nie znalazlem.