SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Feb 2009
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 cutting off part of content

    I have been trying to figure this problem out for a while but still have not found a solution within the CSS or on other websites talking about the same problem. I think I have just been looking at it too long and need an extra pair of eyes to see the issue. Attached is a screen shot.

    Thanks in advance.


    Code CSS:
    .template {
     
    	padding-top: 0px;
    	padding-bottom:inherit;
    	background: #fff;
        color: #000;
    	width: 603px;
    	height:auto;
    	float:left;
    	display: inline-block;
     
    }
     
    .forCurvyFooter {
     
    	padding-bottom: 0px;
    	background: #fff;
     
    }
     
    .template a {
     
    	color: #669933;
        text-decoration: none;
    	font-weight: bold;
    	height:auto;
    	display:inline-block;
     
    }
     
    .template a:hover {
     
    	color: #81a249;
     
    }
     
    .template table{
     
        width: 87%;
    	height:auto;
        border-collapse:collapse; 
    	float: left;
    	content:inherit;
    	display: inline-block;
     
    	}
     
    .template table caption{
     
        width: 100%;
     
    	height: 100%;
     
        line-height: 20px;  
     
    	background: #633943 url('../images/header_bg.gif') repeat-x;
     
    	font-weight: bold;
    	display: inline-block;
     
    }
     
    .template table tr {
     
    	line-height: 1.25em;
     
        /*line-height: 3em;  */
     
    }
     
    .template table td {
     
    	text-align: left;
    	height:auto;
        padding: 4px 4px 4px 4px;
    	/*in-line block messes images if added */
     
    }
     
    .colheader, .filterheader {
     
    	text-align:center;
     
        padding: 2px 2px 2px 2px;
     
    }
     
    .colheader, .filterheader {
     
        height: 26px;
     
    	background: url('') repeat-x;
     
        border-top: white solid 2px;
     
        border-bottom: #ffffff solid 2px;  
     
        color: #633943;
     
    }  
     
    .template table td {
     
        border-top: #fff solid 1px;
     
        /* border-bottom: #E1E1DF solid 1px;  */
     
    }
     
    .template table tr.newline td {
     
        border-top: 2px;
    	font-size: 12px;
    	text-align: left;
    	    /* font-size: 11px; */
     
    }
     
    .filterheader input {
     
        height: 1.2em;
     
        font-size: 1em;
     
        width: 8em;
     
    }
     
    .filterheader select {
     
        height: 1.6em;
     
        font-size: 1em;
     
        width: 8em;
     
    }
     
    .template table td td {
     
        border: none;
        padding: 0px;
    	text-align: left;
    	height:auto;
     
    }
     
     
     
    .template table td td.celltext {
     
        white-space: nowrap;
    	text-align: left;
    	height:auto;
     
    }
     
     
     
    .template .title {
     
        border: none;
     
    	color: white;
     
    	text-align: left;
     
        float: left;
     
        padding-left: 10px;
     
    }
     
    .headermethod {
     
    	color: white;
     
    	text-align: left;
     
        float: right;
     
        padding-right: 10px;
    	height:auto;
     
    }
     
    .title a, .headermethod a {
     
    	color: white;
     
    }
     
     
     
    .title a:hover, .headermethod a:hover{
     
    	color: #000;
     
    }
     
    .cell0, .label0{
     
        background: #ffffff; 
     
    }  /* AD Coloring */
     
    .cell, .label, .cell1, .label1{
     
        background: #F5F5F5; 
     
    }  /* AD Coloring */
     
     
     
    .detailsTemplate .label0, .detailsTemplate .label1{
     
        width: 30%;
    	height:auto;
     
    }          
     
    .detailsTemplate .cell0, .detailsTemplate .cell1{
     
        width: 70%;
    	height:auto;
     
    } 
     
     
     
    .formTemplate .label0, .formTemplate .label1{
     
        width: 20%;
     
     
    }          
     
    .formTemplate .cell0, .formTemplate .cell1{
     
        width: 80%;
     
     
    }
     
    #fieldset-create_form .label {
     
        width: 70%;
     
     
    }
     
     
     
    .label, .label0, .label1 {
     
        font-weight: bold;
     
    }
     
    @media print {
     
        .template table caption{
     
            border: 1px solid black;
     
        }
     
        .headermethod, .filterheader {
     
            display: none;
     
        }
     
        .template table td, .template table th, .cell0, .cell1{
     
            border: 1px solid #000000;
     
     
        }
     
        .template a, .template a:hover { color: black; }
     
    }
     
    .button{
     
    	font-size: 14px;
     
        background: #000; 
     
    	padding: 0px 25px;
     
        height: 1.7em;
     
        vertical-align:middle;
     
    	text-align:center;
     
        font-weight: bold;
     
        color: #fff;
     
    	margin: 5px;
     
    	border-style: none;
     
    }
     
    .template table tr td.submitfooter{
     
        background: url('') repeat-x;
     
        padding: 3px 0 0;
     
    	height: 15px; 
     
    	text-align: center;
     
    	font-weight: bold;
     
    	font-size: 14px;
     
    }           
     
    .template table tr td.separator{
     
        text-align: left;
     
    	font: Arial, Helvetica, sans-serif;
     
    	font-weight: bold;
     
    	font-size: 14px;
     
        background: #F5F5EB;
     
        height: 18px;
     
        line-height: 15px;
     
        border-top: 30px solid #fff;
     
        border-bottom: 0px solid #fff;
     
        padding: 0;
     
    }           
     
    .expl{ 
     
        color:gray; 
     
      	font-size: 8pt;
     
      	font-weight: normal;
     
        white-space: normal;
     
        line-height: 1em;  
     
    }
     
     
     
    /* Pager tool styles */
     
    ul.pager {
     
    	margin-bottom: 0px;
     
    	list-style: none;
     
    	text-align: right;
     
    	white-space:nowrap;
     
    }
     
    ul.pager li {
     
    	margin: 0;
     
    	padding: 0 6px;
     
    	list-style: none;
     
    	display: inline;
     
        color:#666666; 
     
        font-weight: bold;
     
    }
     
    ul.pager li a { 
     
        text-decoration: none; 
     
        color:#669933;
     
    }
     
    ul.pager li a:hover { 
     
        color:#000;
     
    }
     
    .sortingHighlight { background: #EEF7E6;}
     
     
     
    form {
     
        margin: 0px;
    	height:auto;
     
    }
     
    .hover-row {
     
    	background: #fff;
     
    }
     
    .hover-click {
     
    	background: #e3e0d1;
     
    }
     
     
     
    #item-showdetails td.label0, #item-showdetails td.label1, #user-showdetails td.label0, #user-showdetails td.label1 {
     
        width: 100px;
    	height:auto;
     
        color: #333333;
    /* Titles down side - Rows */ 
    }
     
     
     
    /* 'Reply to this posting' and 'Email this to a friend' links */
     
    .template table tr td.friendAndResponse {
     
        /* background: url('../images/response_bg.gif') repeat-x; */    
     
        background: #fff;    
     
        padding-left: 0px;
     
        padding-right: 50px;
     
        height: 10px;
     
    }
     
    .friend {
     
        background: #81a249;
     
    }
     
    .friendAndResponse td a {
     
        color:#fff;
     
        font-size: 11px;
     
    	padding: 0px 5px;
     
    	text-decoration:none;
     
    }
     
    .friendAndResponse td a:hover {
     
    	text-decoration:underline;    
     
        color:#fff;
     
    }
     
     
     
    .friendAndResponse table {
     
        width: 100%;
    	height:auto;
     
    }
     
    .friendAndResponse table td {
     
        width: 33%;
    	height:auto;
        text-align: center;
     
     
    }
     
     
     
    /* Pictures related: */
     
    .template table td.adDetailsSideBar {
     
        width: 206px;
    	height:auto;
     
        background: #ffffff;
     
        border-left: 1px solid white;
     
        vertical-align: top;
     
        text-align: center;
     
        padding: 5px;
     
    }
     
    table.pictures  {
     
        border-spacing: 5px;
        border-collapse: separate;
    	height:auto;
     
        /* width: 195px; */
     
    }
     
    table.pictures  tr td {
     
        border: 1px solid #F5F5F5;
     
        padding: 3px;
     
        text-align: center;
     
        vertical-align: middle;
     
    }
     
    table.pictures  tr td img {
     
        margin: 0px auto;
     
    }
     
    table.pictures  tr td.mainpic {
     
        height:auto;    
    /* width: 148px; */
    }
     
     
     
    div.picture {
     
        border: 1px solid #F5F5F5;
     
        padding: 3px;
     
        width: 120px;
     
    	height: 90px;
     
        /* height: 90px;
     
        line-height: 90px; */
     
        text-align: center;
     
        vertical-align: middle;
     
    }
     
    div.picture img {
     
        margin: auto;
     
    }
     
    td.mainpic div.picture
     
    {
     
        width: 187px;
     
        height:140px;    
     
        line-height: 140px;
     
        background: #F5F5F5;
     
        border: 0px;
     
    }
     
    .sideBarTop div, .sideBarBottom div
     
    {
     
        border: 1px solid #B6B7B2;
     
        width: 190px;
    	height: auto;
        padding: 5px;
     
        margin: 0px auto;
     
        text-align: left;
     
    }
     
    .sideBarTop div
     
    {   
     
        margin-bottom: 0px;
     
    }
     
     
     
    .sideBarBottom div
     
    {    
     
        margin-top: 0px;
     
    }
     
    #confirmationText, #successText, #failText {
     
        height: 80px;
     
    }
     
     
     
    table.propagateWrap td {
     
        vertical-align: middle;
    	height:auto;
        padding-right: 5px !important;
     
    }
     
     
     
    table.propagateWrap {
     
        width: auto;
    	height:auto;
     
    }
     
     
     
    .confirmationTemplate {
     
    	background: #ab92c0;
        color: #6E7066;
    	height:auto;
     
    }
     
     
     
    .confirmationHeader {
     
    	height: 27px;
     
        line-height: 20px;  
     
    	font-weight: bold;
     
    	background: #ab92c0 url('') repeat-x;
     
        color: white;
     
        padding-left: 10px;
     
    }  
     
     
     
    .confirmationContent {
     
    	color: #6E7066;
     
    	background: #FAFAFA;
     
    	padding: 14px 15px 12px 10px;
     
    	text-align: left;
     
        height: 80px;
     
        font-weight: bold;
     
    }
     
     
     
    .confirmationFooter {
     
        background: url('../images/submitfooter_bg.gif') repeat-x;
     
        padding: 3px 0 0;
     
    	height: 26px; 
     
    	text-align: center;
     
    }
     
    .propagate {
     
        position: relative;
    	height:auto;
        top: 3px;  
     
    }
     
    .propagate_subcat {
     
        position: relative;
    	height:auto;
        top: 6px;    
     
    }
     
    .ruleWarning {
     
        color: red;
     
        font-size: smaller;
     
    }
    Attached Images Attached Images
    Last edited by Mittineague; May 29, 2010 at 11:42. Reason: adding css highlighting

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    adding some padding in the direction of the cut-off to ie7 should fix it.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,752
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hi, just CSS doesn't help us at all (in the future, please post the code in [co de] [/co de] tags )

    If you have a site where this is at, please post it, it will provide us with the full code (HTML/CSS) and it makes it easier to test on.

    If no live page exists, then post full HTML (if htat isn't the full CSS then post the full CSS).
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Tags for this Thread

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
  •