The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Sizing Div box to static height
TysonHorlacher
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 10:37 PM