Finally got this part sorted out. I was confused a bit with the  
footer bar but found a misplaced </div> tag.

I found this site to be very helpful in sorting out the various  
containers:

http://www.ilovejackdaniels.com/css/view-page-structure/

Scroll down towards the bottom and insert your site URL.

On to the next fix.

Thanks!

Mike


Site: http://scottriggs.com/2007/index.html

CSS: http://scottriggs.com/2007/css.html




"In your construction, the Scott Riggs image (rtcol_pichome.jpg) is  
connected to the bottom of the right column. If the left column is  
longer, this bottom is not the bottom of the combination, and a white  
gap under it (towards the footer bar) is showed.

What you can do, is to connect the image to a bottom line div under  
both columns (i.e. in the footer bar), and then working upwards. This  
can be done by isolating this div from the normal flow (with a float:  
right), and giving this div a negative margin-top of the amount of  
the height of the image. Then it is pushed upwards. :-)

Remaining problem is, that the man's head can go so far upstairs,  
that the image part over there is covering the under parts of the 3  
images (or something else) in the right column. This will occur if  
the left column is "too small".
To avoid this, we can give the right column an empty space under the  
content, which is some larger in height as the img. We can do this by  
adding a div at the end of the right column, with only a height in it.

Here is a testpage <http://home.tiscali.nl/developerscorner/css- 
discuss/test-indexv2.html>."


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to