Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    IE7 Footer Trouble

    Hi All,

    I'm trying to polish off a website, but am having trouble with ie7.

    http://www.office-planet.com

    Everything displays fine in FF, and although a few ie6 fixes are still necessary, the footer at least sits under the content.

    Can anyone offer some help with this please?

    Thanks
    Chris

  • #2
    Senior Coder CFMaBiSmAd's Avatar
    Join Date
    Oct 2006
    Location
    Denver, Colorado USA
    Posts
    3,044
    Thanks
    2
    Thanked 316 Times in 308 Posts
    Your markup contains some errors that would effect how the page is rendered (some missing/mismatched tags and duplicate id's) - http://validator.w3.org/check?uri=ht...Inline&group=0

    Fix all the validation errors and see if the site renders like you want.
    If you are learning PHP, developing PHP code, or debugging PHP code, do yourself a favor and check your web server log for errors and/or turn on full PHP error reporting in php.ini or in a .htaccess file to get PHP to help you.

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for that, I have fixed the validation now but the page is still not rendering the same in IE7.

    Any further suggestions?

    Chris

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Good morning gingerchris,
    I don't see much difference between the two. A little more whitespace between the orange "search now" and "some of our clients"... but that's it.

    You do need to clear your floats.
    You have #columns set at height:73px; but the columns it's containing are way higher than that. Put a background color on it to see what I mean...
    Code:
    #columns{
    	margin-top:115px;
    	height:73px;
    background: #000;
    	}


    Make your CSS look like this:
    Code:
    #columns{
    	margin-top:115px;
    background: #000;
    overflow: auto;
    	}
    Here is the overflow method of clearing floats explained.


    Hope that helps.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    beside a little border issue, everything looks fine to me, they look the same in each browser, IE7 and FF.

    Is there something im missing?

    If it is a border problem its acting wierd in IE, and it just may be a height issue!!

  • #6
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you guys so much

    I think I must have forgotten to clear my cache, because it is now fixed.

    Thanks again

    Chris

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    #feature is acting weird because your not clearing it right. Get rid of the min-width on .index....
    Code:
    #feature{
    width: 468px; /*you may need to adjust this width*/
    padding: 20px;
    float: left;
    	font-size:12px;
    	line-height:20px;
    	background-color:#fff;
    	border:1px solid #a1a1a1;
    overflow: auto;
    	}
    	/*.index{
    	}*/
    
    .photo{
    	border:2px solid gray;
    	float:right;
    	margin-left:5px;
    	}
    And make the img src look like this: <img src="http://www.office-planet.com/images/photo.jpg" width="204" height="272" class="photo" alt="photo" />
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    gingerchris (01-18-2008)


  •  

    Posting Permissions

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