Sizing Div box to static height |
Sizing Div box to static height |
TysonHorlacher |
Nov 1 2013, 12:37 PM
Post
#1
|
Group: Members Posts: 9 Joined: 15-October 13 Member No.: 19,856 |
I am trying to make a div box resize to match only the bottom of the element before it. The div in my CSS holds multiple images at different sizes (thus the height of my div boxes is different. I would like to make the div boxes in 1 row to be the same size with just blank space at the bottom of the div until the bottom of my row.
Here is my website I am working with (http://designer.realtimedesigner.com/signstop-1/SignStopMainStore/catalog/index.php&p=cGM9MTE5NTU=) How do I get the div box (with the hover over yellow) to expand to the bottom of the table box it is in? Please keep in mind that I would prefer not to use a pixel figure or a percentage as the contents of the Div box causes it to change in size with different products. |
Christian J |
Nov 1 2013, 03:00 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
I haven't examined your code closer, but in general you might use CSS "display: table-cell" (or an HTML table instead of DIVs). Alas then the boxes must stay on one line even in small/narrow windows.
I don't know if it's possible with CSS to let boxes continue on new lines while at the same time adapting to the box with the largest content. Should be possible with javascript though. |
Lo-Fi Version | Time is now: 25th April 2024 - 10:37 PM |