Log In · Register

 
Sidebar Moving Downtown, Firefix is cool.... But with IE sidebar moves to bottom
peakstreet
post Feb 17 2006, 11:32 PM
Post #1


Newbie
*

Group: Member
Posts: 3
Joined: Feb 2006
Member No: 373,321
Ok..... so somebody had already touched on this. But as I am an absolute moron I really do need it spelt out for me in black and white.

Opening the blog in Mozilla is fine...... looks tight just how I want it.

But when opened in IE the sidebar strays to the bottom of the page?

What do I need to write or fix in the template and where the hell do I exactly put it? Remember! <---------------- Moron here.

Cheers

Peak

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>


<meta name="keywords" content="<$BlogTitle$>" />
<meta name="description" content="<$BlogTitle$>" />
<$BlogMetaData$>
<style type="text/css">


                                 /*################# CHANGE THE IMAGE HERE #################*/

#header-k2{background-image: url(http://img146.imageshack.us/img146/1333/pslogo31fn.jpg); background-color:black}
                                
                                 /*################# CHANGE THE IMAGE HERE #################*/



body{font-size:62.5%;font-family:Times;color:#ccc;background-color:#222;text-align:center;margin:20px 0 30px}
#page{background:#000;text-align:left;margin:20px auto;padding:10px;position:relative;width:760px;_width:720px}
#header-k2{cursor:hand;cursor:pointer;padding:0;margin:0;position:relative;height:200px;background-position:center center;background-repeat:no-repeat}
.primary{width:72%;float:left;padding:20px 2% 10px;margin:10}
.secondary{font:1em/1.5em Times;padding:10px 0;margin:0 0 10px 71%;width:25%;color:white;_margin-left:0%;_margin-right:-3%;_width:70%}
.comments{text-align:left;padding:30px 0 0;position:relative}
#footer{margin:10px auto 0}
ul.menu{margin:0;padding:0;position:absolute;bottom:0;left:20px;width:90%}
ul.menu li{display:inline;margin:0}
ul.menu,ul.menu li a{padding:5px 15px 6px}
ul.menu li a{font:Times;color:red;margin:0}
ul.menu li a:hover{background:#222;color:#eee !important;text-decoration:none}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover{color:#888 !important;background:black;text-decoration:none}
h1,h2,h3,h4{font-family:Times}
h1{font-size:3em;letter-spacing:-1px;padding-top:75px;margin:0 0 0 40px;font-weight:700;width:100%}
h1,h1 a,h1 a:hover,h1 a:visited,#header-k2 .description{text-decoration:none;color:black}
.primary h2{font-size:2.4em;font-weight:700;margin:0 0 10px;padding:0;letter-spacing:-1px;text-align:center;display:inline}
.secondary h2{font-size:1.5em;font-weight:400;padding:0;display:inline}
.primary h3,.primary h4{font-size:2em;font-weight:400;letter-spacing:-1px;display:inline}
.primary .aside h3{font-size:1.4em;font-weight:400}
.itemhead{margin-top:10px}
.itemtext h3{font-size:1.7em;display:block;padding:15px 0 0}
.itemtext h4{font-size:1.5em;display:block;padding:15px 0 0}
.secondary > div{margin:20px 0 0;padding:0}
.primary .metalink a,.primary .metalink a:visited,
.secondary .metalink a,.secondary .metalink a:visited,.secondary span a,.secondary span a:visited{color:#888;font-weight:400}
.primary .item .itemhead .metalink,.comments .primary .metalink{font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin-left:15px}
.comments .primary .metalink{margin:0 15px 0 0;float:none}
.secondary div > .metalink{text-align:right}
.secondary span a{margin-left:10px}
.metalink a span{display:none}
.metalink a:hover > span{display:inline}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:red}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none}
.metadata{display:block}
.primary .item{margin:0;padding:5px 0 15px}
.primary .item .itemtext{font:1.1em/1.5em Times;text-align:justify}
.primary .item .itemtext p,.primary .item .itemtext ul,.primary .item .itemtext ol,.primary .item .itemtext div,.primary .item .itemtext blockquote{margin:13px 0}
.comments .commentlist{margin:0;padding:20px 0 0;width:100%}
.comments .commentlist li{margin:10px 0 10px 25px;padding:10px 10px 5px;list-style:decimal}
.comments .commentlist li .commentauthor{font-size:1.5em;font-weight:700;letter-spacing:-1px}
.comments .commentlist li.authorcomment{background:#f6f7f8}
.comments form{clear:both;padding:1px 0 30px;margin:0}
input[type=text],textarea{background:#000;font:Times;border:1px #ccc solid;padding:3px;color:#888}
input[type=text]:focus,textarea:focus{background:#555;color:#ccc;border-color:#555}
.comments form input[type=text]{width:45%;margin:5px 5px 1px 0}
.comments form textarea{height:250px;width:100%;padding:2px}
.comments form #submit{margin:0;float:right}
#footer p{text-align:center}
#footer a{color:#888;border-bottom:1px solid #ccc;font-weight:700}
#footer a:hover{border:none;text-decoration:none;color:#aaa}
a:hover,a:visited:hover{text-decoration:underline}
h2 a:hover,h2 span a:hover{color:#white!important}
a{color:white;text-decoration:none}
.itemtext a:visited{color:#b41}
.clear{clear:both !important;margin:0 !important;padding:0 !important}
.primary img{margin-left:-5px;padding:4px;border:1px solid #ccc;max-width:100%}
.center{text-align:center}
.alignright{float:right}
.alignleft{float:left}
small{font-size:.9em;line-height:1.5em;color:#777}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('images/quote.png') 10px top no-repeat;border:none}
hr{display:none}
.navigation{text-align:center;margin:10px 0;padding:0;width:100%}
.navigation p{margin:0;padding:0}
.navigation a{color:#999}
.itemtext ol,.itemtext ul{padding:0 0 0 35px;margin:0}
.itemtext ol li,.itemtext ul li{margin:0 0 3px;padding:0}
.secondary ul,.secondary ol,.secondary > div > div{margin:5px 0 0;padding-left:0}
.secondary ul{_margin-left:0}
.secondary ol{margin-left:15px}
.secondary ul li,.secondary ol li{margin:0;padding:1px 0}
.secondary ul li{list-style-type:none;list-style-image:none}
ol li{list-style:decimal outside}
#b-navb script:sh('sendmail')">E-mail this post</a> <$BlogItemControl$></small>

   <br />
  
   <div class="hide" id="sendmail">
     <form id="cSend" action="http://www.blogger.com/email-post.do" method="post">
        <div class="comments-open">
            <h3 class="comments-open-header">E-mail this post</h3>
            <div class="comments-open-content">
     <input type="hidden" name="blogID" value="<$BlogID$>" />
     <input type="hidden" name="postID" value="<$BlogItemNumber$>" />
     <input type="hidden" name="returnTo" value="<$BlogURL$>" />
     <input type="text" name="fromName" class="inputCom" id="fromName" size="20" value="Your name" onblur="if (this.value == '') {this.value = 'Your name';}"  onfocus="if (this.value == 'Your name') {this.value = '';}" />
     <input type="text" name="fromEmail" class="inputCom" id="fromEmail" size="20" value="Your email" onblur="if (this.value == '') {this.value = 'Your email';}"  onfocus="if (this.value == 'Your email') {this.value = '';}" />
     <input type="text" name="toEmail" class="inputCom" id="toEmail" size="20" value="Your friend's email" onblur="if (this.value == '') {this.value = 'Your friend\'s email';}"  onfocus="if (this.value == 'Your friend\'s email') {this.value = '';}" /><br />
     <input type="text" name="messageBody" class="inputCom" size="60" id="messageBody" value="Your message here" maxlength="300" onblur="if (this.value == '') {this.value = 'Your message here';}"  onfocus="if (this.value == 'Your message here') {this.value = '';}" />
  
  <script type="text/javascript">
  //<![CDATA[
  var bgSended = false;
  var cSend = document.getElementById('cSend');
  cSend.target = 'bgSend';
  if (cSend.addEventListener) {
    cSend.addEventListener('submit', function(){return cSendPost()}, false);
  } else {
    cSend.onsubmit = function(){return cSendPost()};
  }
  if (document.cookie != '') {
    cSend.fromName.value = document.cookie.replace(/^.*fromName=?([^;]*);?.*$/, '$1');
    cSend.fromEmail.value = document.cookie.replace(/^.*fromEmail=?([^;]*);?.*$/, '$1');
  }
  function cSendPost() {
    with (cSend) {
      fromName.value = fromName.value.replace(/^\s+|\s+$/g, '');
      fromEmail.value = fromEmail.value.replace(/^\s+|\s+$/g, '');
      if (fromName.value == '') {
        alert('Please enter your name');
        fromName.focus();
        return false;
      }
      if (fromEmail.value == '') {
        alert('Please enter your email');
        fromEmail.focus();
        return false;
      }
      if (toEmail.value == '') {
        alert('Please enter your friend\'s email');
        toEmail.focus();
        return false;
      }
    }
    bgSended = true;
    return true;
  }
  function bgSendLoad() {
    if (bgSended == true) {
      if (cSend.notforget.checked) {
        var expires = new Date();
        expires.setFullYear(expires.getFullYear()+1);
        document.cookie =  "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
        document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
        document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
        document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();
      }
      alert('Your message has been sent');
    }
  }
  document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgSend" onload="bgSendLoad()"><\/iframe>');
  //]]>
  </script>
  
     <input type="submit" class="inputCom" name="post" value="Send" /><br />
     <input type="checkbox" id="notforget" /> Remember me (<a href="java script:sh('explanation')">?</a>)
     <p class="hide" id="explanation">
     <br />
     <br />
      All personal information that you provide here will be governed by the Privacy Policy of Blogger.com. <a href="http://www.blogger.com/terms.g">More...</a>
     </p>
     </div>
     </div>
     </form>
     <br />
     <hr />
     </div>
  
  
  
                </div>
    
                <div class="itemtext">

                <p><$BlogItemBody$></p>
                        
                </div>
    

            </div>


<BlogItemCommentsEnabled>

<hr />

<div class="comments">

    <h4><a name="comments"></a><a href="#comments"><$BlogItemCommentCount$> Responses to “<$BlogItemTitle$>”</a></h4>

    
    <ol class="commentlist" id="commentlist">

    <BlogItemComments>
                    
                <li class="item">
                    <a name="comment-<$BlogCommentNumber$>"></a>

                    <span class="commentauthor" style="font-weight:bold"><$BlogCommentAuthor$></span>
                    <small class="commentmetadata">on <a href="#comment-<$BlogCommentNumber$>"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$></small>
    
                    <div class="itemtext">
                    
                        <p><$BlogCommentBody$></p>
                    
                    </div>
    
                        
                </li>
                
    </BlogItemComments>
                
        </ol>
                        
    
    


    <!-- Reply Form -->
        <div id="loading" style="display: none;">
        Posting your comment...
    </div>
        <h4>Leave a Reply</h4>
        
                
                
                
                

<form name="cFrm" id="cFrm" action="http://www.blogger.com/login-comment.do" method="post">

        <input type="hidden" name="blogID" value="<$BlogID$>"/>
        <input type="hidden" name="postID" value="<$BlogItemNumber$>"/>
        <input type="hidden" name="isPopup" value="false"/>
        <input type="hidden" name="iden" value="Other"/>
                    
            <p><input type="text" name="anonName" id="author" value="" size="22" tabindex="1" />
            <label for="author"><small><strong>Name</strong> (required)</small></label></p>
            
            <p><input type="text" name="anonURL" id="url" value="" size="22" tabindex="2" />
            <label for="url"><small><strong>Website</strong></small></label></p>
            
            <p><img class="out" src="http://www.blogger.com/img/gl.bold.gif" width="18" height="18" onMouseOver="this.className='over';sh('bold')" onMouseOut="this.className='out';sh('bold')" onClick='insertTags("<b>","</b>","")' />   <img class="out" src="http://www.blogger.com/img/gl.italic.gif" width="18" height="18" onMouseOver="this.className='over';sh('italic')" onMouseOut="this.className='out';sh('italic')"  onClick='insertTags("<i>","</i>","")' />   <img class="out" src="http://www.blogger.com/img/gl.link.gif" width="18" height="18" onMouseOver="this.className='over';sh('link')" onMouseOut="this.className='out';sh('link')" onClick='var lien = prompt("URL :","http://");if(lien!=""&&lien!=null&&lien!="http://"){insertTags("<a href=\"" + lien +"\">","</a>","")} else {}' />     <span id="bold" class="hide">Convert to <b>bold</b></span><span id="italic" class="hide">Convert to <i>italic</i></span><span id="link" class="hide">Convert to <a href="#">link</a></span>
            
            <br />
    
            <textarea name="postBody" id="comment" cols="100%" rows="6" tabindex="3"></textarea></p>
            
    <script type="text/javascript">
    //<![CDATA[
    document.write('<p><input type="checkbox" name="remember" id="remember" style="width:auto"> <label for="remember">Remember me<\/label><\/p>');
    //]]>
    </script>
    

<script type="text/javascript">
//<![CDATA[
  var bgPosted = false;
  var cFrm = document.getElementById('cFrm');
  cFrm.target = 'bgpost';
  cFrm.onsubmit = function(){return cFrmPost()};
  if (document.cookie != '') {
    cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, '$1');
    cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, '$1');
  }
  cFrm.postBody.value = '';
  function cFrmPost() {
    with (cFrm) {
      anonName.value = anonName.value.replace(/^\s+|\s+$/g, '');
      anonURL.value = anonURL.value.replace(/^\s+|\s+$/g, '');
      postBody.value = postBody.value.replace(/^\s+|\s+$/g, '');
      if (anonName.value == '') {
        alert('Please enter your name');
        anonName.focus();
        return false;
      }

      if (postBody.value == '') {
        alert('Please enter a comment');
        postBody.focus();
        return false;
      }
      anonURL.value = anonURL.value.replace(/^http:\/\//g, '');
    }
    bgPosted = true;
    document.cFrm.post.disabled=true;document.cFrm.post.value="Please wait...";
    return true;
  }
  function bgpostLoad() {
    if (bgPosted == true) {
      if (cFrm.remember.checked) {
        var expires = new Date();
        expires.setFullYear(expires.getFullYear()+1);
        document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" +  "; expires=" + expires.toGMTString();
        document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" +  "; expires=" + expires.toGMTString();
        document.cookie =  "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
        document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
      }
      window.location.reload();
    }
  }
  document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgpost" onload="bgpostLoad()"><\/iframe>');
//]]>
</script>


        
            <p style="text-align:right">
                
             <input type="button" value=" Preview " onclick="java script:PreviewpostBody()" tabindex="4" />   <input style="font-weight:bold" type="submit" name="post" value=" Post " id="FinalPublish" tabindex="5" />

                <br class="clear" />
            </p>
    
            
            </form>



</div>

</BlogItemCommentsEnabled>    

</Blogger>
  </ItemPage>


</div>

<hr />






<div class="secondary">
    
    <div>
      <h2>About me</h2>

        <ul>
           <li>I'm <strong><$BlogOwnerNickname$></strong></li>
           <li>From <strong><$BlogOwnerLocation$></strong></li>
           <li><$BlogOwnerAboutMe$></li>
        
           <li><a href="<$BlogOwnerProfileUrl$>">My profile</a></li>
        </ul>
    </div>

   <div>
   <MainOrArchivePage>
        <h2>Last posts</h2>
        <ul>
            <BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
        </ul>
   </MainOrArchivePage>

   <ItemPage>
        <h2>Previous posts</h2>
        <ul class="module-list">
            <BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
        </ul>
   </ItemPage>    
   </div>
  
    <div>
        <h2>Archives</h2>
        <ul>
              <BloggerArchives>
                <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
              </BloggerArchives>
        </ul>
    </div>
    
    <div>
         <h2>Links</h2>
            <ul>
            
            
            
<!--#################################   Put your links here  ############################################-->


   <li><a href="http://www.syn.org.au">90.7 SYN fm</a></li>
   <li><a href="http://www.stealthmag.com">Stealth Magazine</a></li>
   <li><a href="http://www.ozhiphop.com">ozhiphop.com</a></li>
   <li><a href="http://www.officenational.com.au">Office National</a></li>


<!--################################################################################
####################-->


            </ul>
            
            <br />
            <a href="<$BlogURL$>/atom.xml">ATOM 0.3</a>
        </div>
        
    
</div>    <br class="clear" />

</div>

<hr />

<p id="footer"><small>
    Powered by <a href="http://www.blogger.com">Blogger</a> and <a href="http://blogger-templates.blogspot.com">Blogger Templates</a>
</small></p>


</body>
</html>
 

Posts in this topic
peakstreet   Sidebar Moving Downtown   Feb 17 2006, 11:32 PM

« Next Oldest · Blogger Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic