...

View Full Version : background not repeat-y-ing



dcostalis
10-29-2007, 06:15 AM
Site: http://www.ccteaz.com/
username: dev
password: access-07
relvant page: http://www.ccteaz.com/_dev/browse.php?cat=1

relvant css:


#product_guides_detail {xhtml.css (line 361)}
background:transparent url(../images/bg_mid_guide_detail.gif) repeat-y scroll 0%;
color:#333333;
height:320px;
overflow:visible;
padding-left:12px;
padding-top:2px;
width:675px;
}

The page loads, and loads up items, and thumbnails them. Problem comes about when the items force the div to stretch. The background image does not repeat as it should, instead stopping where the div would normally stop. using min-height does not correct the problem. The "scroll 0%" seems to automatically appear, and is not in the actual CSS (firebug added it).

Thanks for the help, anyone!

abduraooft
10-29-2007, 08:25 AM
Remove height:320px; from there.
Instead add an empty div at the end of all br_thumbnail divs, just before closing product_guides_detail div

<div style="clear: both;"></div>
To learn more on this, have a look at http://www.codingforums.com/showthread.php?p=617640#post617640
OR http://www.positioniseverything.net/easyclearing.html

dcostalis
10-29-2007, 03:32 PM
By god it worked. I sear I tried that. I'm sure now that I put it in the wrong spot (after the detail div)... which obviously did nothing.

Thanks for the insight.

dcostalis
11-19-2007, 06:42 PM
MOD:

Please mask the password on my original post. It is no longer being used, but my foresight in posting it was minimal. thank you.

Apostropartheid
11-19-2007, 07:30 PM
MOD:

Please mask the password on my original post. It is no longer being used, but my foresight in posting it was minimal. thank you.

Edit it yourself. With the edit button! :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum