[thelist] overflow: auto;

Dan McCullough dan.mccullough at gmail.com
Mon Jan 31 13:34:19 CST 2005


having a small issue with implementing this.  i cant implement this.  :)

I have some content on one side its a box thats 425x400, and inside
the box are images.  these images should overflow below the bottom of
the box and a scroll bar should appear.  however what happens is that
the box streches to fit the rows  that should be going underneath.
HTML ##########################################################
<table cellspacing="0" cellpadding="0" border="0">
										<tr>
											<td id="styleSelect">
												<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
												<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
												<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
												<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
												<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
											</td>
										</tr>
									</table>
###############################################################

CSS###########################################################
#styleSelect {background-color:#fff;height:425px;width:400px;text-align:center;border:3px
solid #68BB30;padding:5px;float:middle;vertical-align:top;overflow:auto;}
.styleimage {padding:10px 5px 10px 5px; overflow: hidden;}
###############################################################

now normally I do something incrediably stupid so be kind. :)


More information about the thelist mailing list