SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    40em column length prob

    Hi from just back from Crete Dave :-)

    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 :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,279
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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.

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

  3. #3
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul - your solution fixed it :-)

    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •