Sent by Chris Bruce on 15 November 2004 15:03
I'm using floats to layout a 3 column wide search results page.
Everything is cool except I need to get all the elements in the page to
align on the vertical bottom.
Here is what it looks like now:
http://www.wonderfile.com/files/search-new.mhtml?
first_search=1&keyword=woman&x=37&y=7&max=30
a snippet of the code:
<div id="results">
<div class="thumbnail">
<a href="imageurl"><img src="xxx" border="0" alt="Click for
enlargement and price" hspace='4' width='100' height='150' /></a><br />
image code<br />
<div><img name="info0" src="/images/text.gif" width="140" height="17"
border="0" alt="" /></div>
<div>
<a href="link 1"><img name="keyword" src="source" width="21"
height="21" border="0" alt="find visual similars" /></a>
<a href="link 2"><img name="watermark" src="source" width="21"
height="21" border="0" alt="View Enlargement" /></a>
<a href="link 3"><img name="lightbox_icon" src="source" width="24"
height="21" border="0" alt="Add to Lightbox" /></a>
<a href="link 4"><img name="cd" src="source" width="21" height="21"
border="0" alt="View Associated CD" /></a>
<a href="link 5"><img name="cart_icon" src="source" width="23"
height="21" border="0" alt="Add to Shopping Cart" /></a>
</div>
</div>
....
</div>
and here is the CSS in question:
#results {
text-align: center;
width: 780px;
border: solid 1px #000;
bottom: 0;
}
..thumbnail {
float: left;
width: 250px;
height: 250px;
margin-bottom: 0px;
padding: 4px;
border: solid 1px #f2f2f2;
position: relative;
}
Any clues for how to get everything in the thumbnail div to align on
the vertical bottom? I posed this question before, but didn't
understand the solution posted.
Thanks in advance.
Chris
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
