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 2 of 2
  1. #1
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts

    background-color in IE7 masks images

    Hey everyone. For some reason, in IE7, the #footer div is cutting off the road2 image and facebook image. Appearance is fine in all browsers except IE7. Any ideas?

    Code:
    <div id="home-feature"> 
            <div id="home-content">
                <img src="images/road.jpg" />
                <div>
                    <img src="images/road2.jpg" />
                    <h1>Header1</h1>
                    <p>Content</p>
                </div>
            </div> 
            
            <div id="footer">
                <img src="images/facebook.png" width="48" height="48" />
                <p>Contact info</p>
            </div>
        
        </div>
    Code:
    #home-feature {
    	background-color:#fff;
    	margin-top:-87px;
    	width:1079px;
    	-moz-box-shadow: 0 0 3px #9E9E9E;
    	-webkit-box-shadow: 0 0 3px #9E9E9E;
    	box-shadow: 0 0 3px #9E9E9E;
    	border-top:3px solid #999\9; /*IE8- fix */
    	border-left:3px solid #999\9; /*IE8- fix */
    	border-right:3px solid #999\9; /*IE8- fix */}
    #home-content {
    	margin:0 auto;
    	padding:43px 49px;}
    #home-content {
    	margin:0 auto;
    	padding:43px 49px;}
    #home-content div {
    	background-color:#f3c730;
    	margin:0;
    	padding-top:30px;}
    #home-content div img {
    	display:inline;
    	float:left;
    	margin-left: 30px;
    	margin-right: 30px;
    	}
    p {
    	padding-bottom:15px;
    	padding-right:30px;}
    
    #footer {
    	background-color:#fff;
    	color:#a08c4f;
    	font-weight:bold;
    	margin-top:-30px;}
    #footer img {
    	float:right;
    	margin-top:-30px;
    	padding-right:60px;}
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    the #footer div is cutting off the road2 image and facebook image.
    Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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