Witam serdecznie użytkowników forum. Mam problem. Tworząc sobie podstronę produktu na stronie, natrafiłem na dziwną sytuację. Po kliknięciu w miniaturkę przedmiotu wywołuję sobie fancybox, w którym mam taki kod:

[HTML] pobierz, plaintext 
<div class="product_cols">
	<div class="product_col left">
		nazwa produktu
	</div>
	<div class="product_col">
		<img id="product-pic" src="link" />
	</div>
</div>
[HTML] pobierz, plaintext 

reguły css są bardzo proste:

[CSS] pobierz, plaintext 
div.product_cols {
	width: 800px;
	height: auto;
	background: blue;
}
 
div.product_col {
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 440px;
}
 
div.product_cols div.left {
	width: 400px;
	padding: 30px 64px;
}
 
div.product_cols div.product_col img {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}
 
[CSS] pobierz, plaintext 

krótko i rzeczowo : tworzę sobie fancyboxa o szerokości 800px, dzielę go na dwie kolumny 400px. W jednej mam opis produktu, w drugiej chcę dodać obrazek. Obrazek style ma tak ustawione, żeby nie było żadnych marginów, paddingów, żeby wypełniał (na szerokość) całą kolumnę. No i tu jest problemo. Jeden produkt (o dużej szerokości i małej wysokości) ustawia mi się tak jak chcę, a inny (dopasowany idealnie do rozmiarów tej kolumny) nie - tworzą się jakieś paddingi, sam nie wiem skąd, bo w firebugu nigdzie nie są zaznaczone...

Pierwszy obrazek : paddingi u góry, u dołu i z prawej (obrazek ma ściśle przylegać do końców kolumny)

obrazek 1

Drugi obrazek: wyśrodkowany, przylegający idealnie do prawej krawędzi:

obrazek 2

z góry dziękuję za wszelką pomoc bo sam chyba nie dam rady ...

Pozdrawiam !