[CSS] Wyrównanie tabelki do tabelki, (kod = sieczka) Opcje

[vip3r]

Elo, mam problem otóż nie mogę wyrównać dokładnie tabelki do tabelki.

Screen:
(IMG:http://img217.imageshack.us/img217/8721/screenoc0.gif)

(IMG:http://img234.imageshack.us/img234/5831/adadasdasdasdzv0.gif)
(ten drugi screen w znacznym (rozmazanym) powiększeniu)

Oto moja sieczka, tzn. kod (mianowicie chodzi to co jest w drugim divie: <!-- NOWE FILMY -->):

[HTML] pobierz, plaintext 
<div id="container" style="margin: 120px 0 0 0; text-align: justify;">
	<div style="float: left; margin: -38px 0 0 0;">
<!-- NOWE FILMY -->
<div style="margin: 0 0 0 16px;">
<table style="width: 234px; height: 42px; margin: 0 0 -7px 0;">
<tr><td><img src="img/ramka-reklama/top_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-reklama/1g.gif" alt="" width="234" height="9" valign="top" /></td><td><img src="img/ramka-reklama/top_r.gif" alt="" /></td></tr>
<tr><td><img style="margin: -6px 0 -4px 1px; width: 5px; height: 36px;" src="img/ramka-reklama/1l.gif" alt="" /></td><td><p style="font-family: Verdana; font-size: 16pt; font-weight: bold; color: #b3c44a; text-align: left; padding: 0 0 0 15px;">Nowe filmy:</p></td><td><img style="margin: -6px 0 -4px 2px; width: 5px; height: 36px;" src="img/ramka-reklama/1p.gif" alt="" /></td></tr>
</table>
</div>
<table style="width: 459px; height: 400px; margin: 0 0 30px 0;">
<tr><td><img src="img/ramka-rejestracja/top_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-rejestracja/1g.gif" alt="" width="442" height="9" valign="top" /></td><td><img src="img/ramka-rejestracja/top_r.gif" alt="" /></td></tr>
<tr><td><img style="margin: -8px 0 -8px 0; width: 13px; height: 391px;" src="img/ramka-rejestracja/1l.gif" alt="" /></td><td><p style="font-family: Verdana; font-size: 14pt; font-weight: bold; color: #b3c44a; text-align: center;"><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /></p></td><td><img style="margin: -8px 0 -8px 0; width: 13px; height: 391px;" src="img/ramka-rejestracja/1p.gif" alt="" /></td></tr>
<tr><td><img src="img/ramka-rejestracja/bot_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-rejestracja/1d.gif" alt="" width="442" height="9" valign="top" /></td><td><img src="img/ramka-rejestracja/bot_r.gif" alt="" /></td></tr>
</table>
	</div>
	<div style="margin: -25px 0 0 460px; width: 50%;">
TUTAJ JEST PRAWA STRONA, PARE PIERDOLEK NIE MAJACYCH ZNACZENIA
	</div>
</div>
[HTML] pobierz, plaintext 

Proszę o pomoc. Już próbowałem na wiele sposobów, ale margin przestał mnie słuchać w tym wypadku.

Ten post edytował vip3r 10.06.2008, 16:09:35

[parzygnat]

Zaczynam badać tą Twoją sieczkę ale tak dla sprecyzowania to chodzi Ci o to żeby ten czerwony margines znalazł sie tam gdzie pokazuje ta czerwona strzałeczka?
Czyli chcesz go przesunąć troche w prawo??

[Puzi]

On chce zbliżyć do siebie te tabele... żeby nie było szpary

Ale z tego co ja tu widze to te ramki ta są obrazki... Więc musisz się pobawić z pozycjonowaniem.
Tu masz link: http://www.kurshtml.boo.pl/css/pozycjonowanie.html

A dokładniej proponuje to: http://www.kurshtml.boo.pl/css/nakladanie,...cjonowanie.html

Ten post edytował Puzi 10.06.2008, 16:38:49

[ShadowD]

A ja po prostu napisze:

[HTML] pobierz, plaintext 
style="margin-top:-2px"
[HTML] pobierz, plaintext 

Dodaj to do tej dolnej ramki i eksperymentuj z wartością -2, -3, -4...

[vip3r]

Oj ShadowD ShadowD już tak właśnie próbowałem.

@edit: Udało się dopisując do diva (tego co nie chciał się wyrównać) position: relative;. Dzięki za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował vip3r 10.06.2008, 17:40:50