SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    footerStick padding problem

    Hi all, first post here. I'm looking for some help with my problem as many others couldn't figure it out... So I implemented footerStick from SolardreamStudios. I then put in themaninblue code and it worked except if you look at the page below there is some extra padding going on underneath the text? What the heck is cuasing that? Thanks, if you all could help

    My page link is here

    FIXED
    Last edited by Theros; Aug 7, 2006 at 13:21.

  2. #2
    SitePoint Evangelist
    Join Date
    Apr 2006
    Location
    Halifax, Canada
    Posts
    498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #footer{
    background: url(images/bgfooter.jpg) repeat-x;
    width: 100%;
    padding-bottom: 45px;
    }
    The highlighted code is what is giving it the extra padding.
    Paul Butler.org
    JSSpamBlock - Reduce WordPress spam.

  3. #3
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Take a look at it again, I got rid of some of the text... That code isn't the problem I don't think

  4. #4
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by all4nerds
    Hello

    Your set height of 369px on content containers ?

    100% height model
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>ThinkPoint Blog | Use Your Head</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!-- 
    
    	head+/**/body .fc:after{
    	content:"."; 
    	display:block; 
    	height:0;
    	clear:both; 
    	visibility:hidden;
    	}
    	
    	/* mac hide \*/
    	* html .fc{height:1%;}
    	/* End hide */
    	
    a:link{
    text-decoration: none;
    color:#ffffff;
    }
    a:visited  {
    text-decoration: none;
    color:#ffffff;
    }
    a:hover   {
    text-decoration: none;
    color: #f7a71b;
    }
    
    *{margin:0;padding:0}
    
    html,body{
    height:100%
    }
    
    body{background: #000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    
    /**Font Code**/
    p{
    color:#FFFFFF;
    padding:5px 25px;
    }
    h3 {
    color: #f7a71b;
    font-size: 16px;
    padding:10px 0 10px 25px;
    }
    h4 {
    color:#FFFFFF;
    font-size:12px;
    padding:0 0 10px 25px;
    }
    
    /**End Font**/
    
    .wra{margin-top:-80px;}
    * html .wra{height:100%;}
    head+body .wra{min-height:100%;}
    
    #header{ /**Header Code**/
    background:url(images/bgtop.jpg) repeat-x;
    height:102px;
    border-top:80px solid #000000;
    }
    
    #header img {padding:20px  0 0 30px;}
    /**End Header**/
    
    /**Menu Code**/
    #navcontainer {
    float:right;
    margin:-40px 5px 0 0;
    }
    
    #navlist li{
    padding: 0 5px 0 0;
    display: inline;
    list-style-type: none;
    }
    
    #navlist a.active {color: #f7a71b;}
    
    /**End Menu**/
    
    #picture {
    float:left;
    background:url(images/picture.jpg) top right;
    height:262px;
    width:65%;
    }
    
    /** BIO START **/
    
    #bio{
    float:right;
    background: #191d1b;
    height:262px;
    width:35%;
    }
    
    #bio p {
    margin-top: -25px;
    padding-left: 25px;
    padding-top: 20px;
    }
    
    #bio h6 {padding:20px 15px 0 0;}
    
    #bio img{
    float: right;
    padding:0 5px 0 5px;
    }
    
    /**BIO END**/
    /**3 Column start**/
    
    #wrapper{
    float:right;
    width:100%;
    margin-left:-400px;
    }
    
    #leftbar,#leftleftbar{float:right;width:200px;}
    #leftbar{background:#191d1b;}
    #leftleftbar{background:#151515;}
    
    #content{
    background:#151515;
    margin-left:400px;
    }
    
    /**End 3 Column**/
    #footer{
    background:url(images/bgfooter.jpg) repeat-x;
    height:70px;
    margin-top:10px;
    }
    #footer p{padding:5px 10px;}
     -->
    </style>
    	<!--[if IE]>
    	<style type="text/css">
    	*+html{height:99%;}
    	</style>
    	<![endif]-->
    </head>
    <body>
    <div class="wra fc">
    <div id="header">
    <img src="images/logo1.jpg" alt="ThinkPoint" width="239" height="58" />
    
    <div id="navcontainer">
    <ul id="navlist">
    <li><a href="index.html" class="active"><b>Home</b></a></li>
    <li><a href="about.html"><b>About Me</b></a></li>
    <li><a href="##"><b>My Work</b></a></li>
    <li><a href="##"><b>Contact Me</b></a></li>
    </ul>
    </div>
    
    
    
    </div>
    
    <div id="picture">
    </div>
    
    <div id="bio">
    
    <h3>Who Am I?</h3>
    <p><Img src="images/biopic.jpg" alt="Eric Huang" />I am Eric Huang, web designer / developer.  Whatís this site?  Good Question, this is my playground for all sorts of things. Got a question?  Feel free to contact me through email or any other means.</p>
    
    </div>
    
    <div id="wrapper">
    
    <div id="content">
    
    <h3>Today Was a Great Day</h3>
    <h4>Tuesday, July the 15th</h4>
    <p>Today was a great day, do you know why?  Becuase it was and it will continue to be!  
    Thereís nothing that can ruin this day, it is just too great for me.  Donít even try to ruin 
    my day, it is just way too good to kill.  Not only is it a great day, but also a good day.  
    Good becuase everything today is going just fine, and nothing seems out of reach.  
    Just yet I might do some good out of this mess and everything will be alright.  
    Till next time.</p>
    
    <p>Comments (3)  Leave a Comment! </p>
    </div>
    </div>
    
    <div id="leftbar">
    
    <h3>Recent Posts</h3>
    
    <p>Today Was a Great Day</p>
    <p>So Was Yesterday</p>
    <p>And So On...</p>
    
    <h3>Archives</h3>
    
    <p>June 2006</p>
    <p>Febuary 2006</p>
    <p>January 2006</p>
    
    </div>
    
    <div id="leftleftbar">
    <h3>Friends</h3>
    
    <p>You</p>
    <p>That Guy</p> 
    <p>This Guy On The</p>
    <p>Street</p>
    
    <h3>Great Sites</h3>
    
    <p>Kirupa Flash Forums</p>
    <p>Blah Site</p>
    <p>More Blahish-ish</p>
    <p>Even more of it!</p>
    <p>Etc. </p>
    
    </div>
    
    </div>
    <div id="footer"><p>Copyright Stuff</p></div>
    
    </body>
    </html>

    Okay that works except for one thing I don't like is that the content columns don't extend 100% like I had before.... Is there a way to do that with the set up you gave me without doing what I did before? (faux columns)? And also can you explain to me what all those IE hacks are for and the div wra?

    *EDIT* NM, I replaced some of your code with some of mine and now it works... However I still like to know all the additions you added on Thanks

  5. #5
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Any chance you could explain each hack out so I can know what I'm editing in the future on this site?

  6. #6
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay thanks a lot!


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
  •