[css] przesuniecie tla Opcje

[trucksweb]

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 .

Ten post edytował trucksweb 19.06.2008, 14:39:57

[Zajec]

margin-top: 10px (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

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ę?

Kod

background-position: x y;

Podstaw sobie x i y jak chcesz.

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?