40em column length prob

HTML & CSS
1

Hi from just back from Crete Dave :slight_smile:

On this page:
http://www.davidclick.com/web_page/prices.htm there is a problem with the first column titled wedding prices. Specifically when in IE 8 and you reduce the font size using CTRL and minus the footer hides content as this screen grab illustrates:

Is the problem being caused by setting the length of the column to 40 em or is it something to due with not adding a margin to the last li element?

Any insights welcome :slight_smile:

2

Thanks Paul - your solution fixed it :slight_smile:

3

Hi,

The problem is that your first column is actually about 46em high to start with. It already has content cut off before you start and just gets worse as you change the text-size.

It looks like the column should be about 46em high and min-height anyway so that it can grow.


.column {
    float: left;
    width:230px;
   [B] min-height:46em;[/B]
    background-color: #bbb;
    margin-left:9%;
    display:inline;
    margin-top:1px;
    padding-top:-1px;
}
[B]* html .column{height:46em}[/B]