SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2005
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Height Problem - Content Won't go past the set height

    Hi All

    I'm creating a content page for my site.

    http://www.ja.net/temp/Project/inner-content-russ.html

    ie css =

    http://www.ja.net/temp/Project/content-russ-ie.html

    Ive spent a good part of the afternoon on this problem, just sending this post before I go home.

    At first in ie6 when there was little or no content added the page shrunk, so i added the coding

    #wrapper {
    position: relative;
    width: 770px;
    margin: 0 auto;
    text-align:left;
    background: #fff;
    height: 875px;
    }

    to my ie6 stylesheet.

    However, if a lot of page content, the page now stops at 875 px. Would anyone know how to fix this?

    I need to make ie6 expand with content. I've tried all different things with overflow and clears but none have seemed to work.

    the coding for the content is as follows


    .content {
    font: small Arial, Helvetica, sans-serif;
    background: no-repeat;
    width: 610px;
    float:right;
    padding : 0;
    clear:both;
    margin-right: 5px;
    }

    .content p {
    margin-right: 20px;
    line-height: 2em;
    }

    .content a {
    color:#FF6600;
    }

    and the footer below is as follows

    .footer-content {
    font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
    font-size: 9px;
    width: 150px;
    margin-left: 340px;
    text-align:center;
    }

    .footer-content a {
    color:#666;
    text-align:center;
    }

    .footer-content a:hover {
    color: #999;
    }

    I really appreciate any help which I receive on this

    Daniel

  2. #2
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm... I know you said you tried the overflows, but when I applied an overflow:visible to your #wrapper it seemed to work.

    Code:
    #wrapper {
    	BACKGROUND: #fff;
    	MARGIN: 0px auto;
    	WIDTH: 770px;
    	POSITION: relative;
    	HEIGHT: 875px;
    	TEXT-ALIGN: left;
    	overflow:visible
    }

  3. #3
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, the overflow:hidden from your main css is still being applied to IE, so it needs to be over-ridden in the IE css.

  4. #4
    SitePoint Zealot
    Join Date
    Jun 2005
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks ever so much for that, the page is working now, really appreciate coming in in the morning and having the solution to yesterdays problem.

    i'll remember that for next time

    Daniel


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
  •