Cross-browser coding help

Question

toddj 0 Newbie Poster

14 Years Ago

I have my site http://toddj.com which works fine in firefox 3.5, but hardly at all in IE8. I use tumblr and a custom theme that I built off of one of the original themes. I play around with it a lot so I think I've messed something up while doing this.

Here is the entire layout code that perhaps someone can find something I've overlooked:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}   {block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
        <link rel="shortcut icon" href="{Favicon}" />
    <!--Defaults-->
    <meta name="color:Background" content="#eee"/>
<meta name="color:General Text" content="#333"/>
<meta name="color:Link" content="#903"/>
<meta name="color:Sidebar Header" content="#036"/>
<meta name="color:Post Title Static" content="#036"/>
<meta name="color:Post Title Hover" content="#4372AA"/>
    <!--Defaults-->
    

<style type="text/css">

blockquote {
        border-left: 3px solid #bbbbbb;
        padding-left: 5px;
}

a.link {
        font-size: 25px;
        border-bottom: 3px solid;
}

a.link:hover { 
        text-decoration: none;
        color: #4372AA;
}

img {
        border: none;
}

img.preview { 
        padding-right: 10px;
        border-style: none;
}

#twitter_update_list {
        list-style: none;
}

#twitter_update_list li {
        margin-bottom: 5px;
}

.commentblock {
        border: solid 1px #4372AA;
        padding: 5px;
        color: #4372AA;
        text-size: 9px;
        width: 95px;
        text-align: center;
}

h2 { 
        margin-bottom: 3px;
}
hr { 
        color: #cccccc;
        background-color: #cccccc;
        border: 1;
        width: 100%;
}

body {
	background-color: {color:Background};
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
#container {
	width: 850px;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
}
.topleftcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: left;
	background-position: left top;
}
.toprightcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: right;
	background-position: right top;
}
.btmleftcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: left;
	background-position: left bottom;
}
.btmrightcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: right;
	background-position: right bottom;
}
.search {
	clear: both;
	margin: 0;
	padding: 0;
}
#pagination {
	width: 528px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: center;
	margin-top: 15px;
}
#footer {
	margin-bottom: 0px;
}
.paginationprev {
	width: 260px;
}
.posts-stretch {
	background-color: #FFFFFF;
	width: 538px;
	height: 6px;
	margin-left: 6px;
	margin-right: 6px;
}
#header {
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}
#banner {
	height: 90px;
	width: 810px;
	margin-left: 20px;
	margin-right: 20px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
.header-left-margin {
	height: 90px;
	width: 20px;
	float: left;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
}
a.leftbanner {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
a.leftbanner:link, a.leftbanner:visited {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
a.leftbanner:hover, a.leftbanner:active {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #EEEEEE;
	text-decoration: none;
}
.leftbannertext {
	text-align: left;
	height: 90px;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.leftbanner {
	text-align: left;
	height: 50px;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 15px;
}
.rightbanner {
	text-align: center;
	width: 260px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	height: 90px;
	float: right;
	font-family: bookman;
	color: #CCCCCC;
	font-size: 14px;
	padding-top: 2px;
}
.righttext {
	width: 196px;
	float: left;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin: 0;
	margin-top: 38px;
	margin-bottom: 0px;
}
form {
	height: 25px;
	padding: 0;
	margin: 0;
}
.header-right-margin {
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	height: 90px;
	width: 20px;
	float: right;
}
#contentwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 850px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#posts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 550px;
	float: left;
	margin-bottom: 15px;
}
.caption {
	width: 528px;
}

#sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 285px;
	margin-left: 15px;
	float: right;
	margin-bottom: 15px;
}
#posts ul {
	width: 538px;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
.side-stretch {
	width: 273px;
	height: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

#sidecontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 263px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#sidecontent ul {
	margin: 0px;
	padding: 0px;
}

.side-cat      {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 0px;
}
.side-cat     h2        {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-weight: 300;
}
.side-cat-follow      {
	list-style-image: none;
	list-style-type: none;
        margin-bottom: 10px;
}
.side-cat-follow     h2        {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-weight: 300;
}
.side-list   li    {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	font-size: 14px;
}
#sidebar  a:link, #sidebar a:visited    {
	color: {color:Link};
	text-decoration: none;
}
#sidebar  a:hover, #sidebar  a:active {
	color: {color:Link};
	text-decoration: underline;
}
a:link, a:visited    {
	color: {color:Link};
	text-decoration: none;
}
a:hover, a:active {
	color: {color:Link};
	text-decoration: underline;
}

li.post-one {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 10px;
	width: 528px;
}
.description {
	width: 528px;
}
.post-text {
	width: auto;
	color: {color:General Text Color};
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#postscontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	width: 528px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
        overflow: auto;
}
.adcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	width: 538px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 14px;
}
#footercontent {
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	font-size: 12px;
	text-align: center;
}
#dateDay {
	width: 518px;
	background-color: #333;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #eeeeee;
   }
.following a img {
	border: solid 2px #333;
	margin-right: 2px;
	margin-bottom: 2px;
}
.following a img:link, .following a img:visited {
	border: solid 2px #333;
	margin-right: 2px;
	margin-bottom: 2px;
}
.following a img:hover, .following a img:active{
	border: solid 2px #999;
	margin-right: 2px;
	margin-bottom: 2px;
}
a.post-title {
	color: {color:Post Title Static};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	;
	overflow: hidden;
	font-size: 22px;
}
a.post-title:link, a.post-title:visited {
	color: {color:Post Title Static};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538%;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	overflow: hidden;
	font-size: 22px;
}
a.post-title:hover, a.post-title:active {
	color: {color:Post Title Hover};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538%;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	overflow: hidden;
	font-size: 22px;
}
.photo {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.posted {
        font-size: 10px;
        color: #999999;
        margin-bottom: 5px;
}
.notecount {
        width: 98%;
        font-size: 10px;
        color: #999999;
        text-align: right;
}
.newdate {
        position:         absolute;
        left:             100px;
        width:            200px;
        color:            #999999;
        font-size:        20px;
        font-weight:      bolder;
}

#footer {
	margin-top: 15px;
	clear: both;
	width: 850px;
}
.footerstretch {
	background-color: #FFFFFF;
	height: 6px;
	width: 838px;
	margin-left: 6px;
	margin-right: 6px;
}
.paginationnext {
	width: 260px;
}
.prev-next {
padding-top: 15px;
}
#search-results {
	width: 510px;
	background-color: #333;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #eeeeee;
}
#search-results-yes {
	width: 518px;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	color: {color:General Text Color};
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#adtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	padding-bottom: 2px;
}
.postquote {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	text-decoration: none;
	background-image: url(http://static.tumblr.com/o0fhq7f/IYmkggocg/quote-end.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 25px;
	padding-left: 75px;
	width: 378px;
	padding-right: 75px;
}
.quotesource {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: {color:General Text Color};
	width: 408px;
	padding-right: 65px;
	padding-left: 55px;
	text-align: right;
	padding-top: 10px;
}
.quoteend {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	width: 65px;
	text-align: right;

	padding: 0px;
	height: 65px;
	float: right;
}
.quote-cont {
	background-image: url(http://static.tumblr.com/o0fhq7f/DYfkggodd/quote-start.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	text-decoration: none;
	padding-top: 35px;
	width: 528px;
}
ul.chat {
	width: 315px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #333333;
	padding-left: 10px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
li.odd {
	background-color: #FFFFFF;
	padding: 4px;
	width: 330px;
}
li.even {
	background-color: #DDDDDD;
	padding: 4px;
	width: 330px;
}
.chat .label {
	font-weight: bold;
	color: #006699;
}
.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: {color:General Text Color};
	background-color: #fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 10px;
	width: 105px;
	text-align: left;
	margin-bottom: 10px;
}
            ol.notes {
	list-style-type: none;
	border-bottom: solid 1px #ccc;
	list-style-image: none;
	background-color: #fff;
	width: 510px;
            }

            ol.notes li.note {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url(none);
            }

            ol.notes li.note img.avatar {
	vertical-align: -4px;
	margin-right: 5px;
	height: 16px;
	list-style-image: none;
	list-style-type: none;
	border: none;
	margin-left: 5px;
            }

            ol.notes li.note span.action {
	list-style-image: none;
	list-style-type: none;
            }

            ol.notes li.note .answer_content {
                font-weight: normal;
	list-style-image: none;
list-style-type: none;
            }

            ol.notes li.note blockquote {
	border-color: #eee;
	list-style-image: none;
	list-style-type: none;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
	list-style-image: none;
list-style-type: none;
            }
.post-photo {
	width: 520px;
}

.notes-bottom {
	background-color: #EEEEEE;
	width: 508px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#reblog {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: {color:General Text Color};
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 10px;
	width: 520px;
}
.sideblock {
	margin-bottom: 15px;
}
.sidebar-box {
margin-bottom: 15px;
}
{CustomCSS}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-weight: 300;
	width: 520px;
}
</style>
</head>

<body>
<div id="container"><div id="header">
  <div class="header-left-margin"></div>
    <div class="header-right-margin"></div>
  <div id="banner">

      <div class="rightbanner">
        <div class="righttext">Search {Title}</div>
          <div class="search">
    <form action="/search" method="get">
    <input name="q" type="text" size="24" onfocus="if (this.value == 'Click to search the site...') {this.value = '';} if (this.value == 'Click to search the site...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Click to search the site...';}" onkeyup="showResult(this.value)" value="Click to search the site..." />
    
    <input type="submit" value="Search"/>
</form>
    </div>
    </div>
      <div class="leftbannertext">
        <div class="leftbanner"><a href="/" class="leftbanner">{Title}</a></div>
  </div>
  
</div>
</div>



  <div id="contentwrapper">


<!--start sidebar-->


<div id="sidebar">
<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
     <ul>
     <li class="side-cat">
     <h2>Welcome</h2>
     <a href="{PortraitURL-128}"><img style="float:left;padding-right:10px;
     padding-bottom:2px;" src="{PortraitURL-64}" border="0" alt="Todd Jones"/></a>{Description}
     </li>
     </ul>
</div>
</div>

<div class="sidebar-box">
  
  <div class="side-stretch"></div>
    <div id="sidecontent">
<ul>
    <li class="side-cat-follow">
    <h2>Blogs I Follow</h2>
    <center>
    <div class="following">

        {block:Following}{block:Followed}
         <a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" class="following" 
         alt="{FollowedURL}" border="0" /></a>
        {/block:Followed}   {/block:Following}   </div>
    </center>
</li>
  </ul>
</div>

{block:Twitter}
<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
     <ul>
     <li class="side-cat-follow">
     <h2>Twitter</h2>
     <ul id="twitter_update_list"><li>
     <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> 
     <script type="text/javascript"
     src="http://twitter.com/statuses/user_timeline/toddjones.json?callback=twitterCallback2&count=5"></script> </li>
     </li>
     </ul>
</div>
</div>
{/block:Twitter}

<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
<ul>
<li class="side-cat">
<h2>Tag Cloud</h2>
<ul style="list-style: none;">
<li>
<!-- Start Tumblr Tag Cloud -->
<script type="text/javascript" src="http://tumblrtags.rivers.pro/jquery.js"></script><script type="text/javascript" src="http://tumblrtags.rivers.pro/widget.js?css=default&minsize=120&maxsize=280&limit=20"></script>
<!-- End Tumblr Tag Cloud -->
</li>
</ul>
</li>
</ul>
</div>
</div>

</div>
</div>


<!--end sidebar-->

<!--start adbar-->
<!--start post content-->

<div id="posts">



  <div class="topleftcorner"></div>
  <div class="toprightcorner"></div>
  
  <div class="posts-stretch"></div>
    <div id="postscontent">
    
        <!--search-->


            {block:SearchPage}
<div id="search-results-yes">
{block:NoSearchResults}
Sorry: 
      
            {/block:NoSearchResults}


          
        
            <a href="{URLSafeSearchQuery}"><em>{SearchResultCount}</em></a> Result(s) Found For <a href="{URLSafeSearchQuery}"><em>{SearchQuery}</em></a></div>
 {/block:SearchPage}            


            <!--end search-->
    
    
    
    
             
{block:Posts}
<ul>
                
{block:Regular}
     <li class="post-one">
     <div class="regular">
     {block:Title}<p><a href="{Permalink}" class="post-title">{Title}</a></p>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     {/block:Title}
     {Body}
     </div>
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Regular}

{block:Photo}
     <li class="post-photo">
     <h2><a href="{Permalink}" class="post-title">Image</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     <center>
     <a href="{PhotoURL-HighRes}" alt="{PhotoAlt}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"
     border="0" class="photo"/></a>
     </center>
     {block:Caption}
     <div class="caption">{Caption}</div>
     {/block:Caption}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Photo}

{block:Quote}
     <li class="post quote">
     <h2><a href="{Permalink}" class="post-title">Quotation</a></h2>
    <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     <div class="quote-cont">
     <div class="postquote">
     {Quote}
     </div>
     </div>
     {block:Source}
     <div class="quotesource">&mdash; {Source}</div>
     {/block:Source}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Quote}

{block:Link}
     <li class="post link">
     <h2><a href="{Permalink}" class="post-title">Link</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     <a href="{URL}" class="link" {Target}>{Name}</a>
     {block:Description}
     <div class="description">{Description}</div>
     {/block:Description}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Link}

{block:Audio}
     <li class="post-one" >
     <h2><a href="{Permalink}" class="post-title">Audio</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     {AudioPlayerGrey}
     <br />
     {Caption}            
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Audio}
           
{block:Chat}
     <li class="post chat">
     {block:Title}
     <h2><a href="{Permalink}" class="post-title">{Title} (Chat)</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     {/block:Title}
     <ul class="chat">
     {block:Lines}
     <li class="{Alt}">
     {block:Label}
     <span class="label">{Label}</span>
     {/block:Label}
     {Line}                                
     </li>
     {/block:Lines}
     </ul>
     </li><br />
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Chat}

{block:Video}
     <li class="post video">
     <h2><a href="{Permalink}" class="post-title">Video</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     <center>
     {Video-500}
     </center>
     {AudioPlayer}{block:Caption}
     <div class="caption">{Caption}</div>
     {/block:Caption}                    
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Video}


{block:IndexPage}
<div class="notes">
{/block:IndexPage}
{block:PostNotes}
<h3>Notes For This Post:</h3>
<div class="notes-bottom">
{PostNotes}</div>
{/block:PostNotes}




{block:RebloggedFrom}
   <p id="reblog">(via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>)</p>   
    {/block:RebloggedFrom}
        </ul>
   {/block:Posts} 
  
  
  
  
  
  <!--end post content-->
<!-- pagination-->
    
    
    
    {block:Pagination}
    <div id="pagination">
    <div class="prev-next">
                    {block:PreviousPage}
<a href="{PreviousPage}">← New Posts</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Older Posts →</a>
                {/block:NextPage}    </div>
    </div>
    {/block:Pagination}      </div>
    <div class="btmleftcorner"></div>
    <div class="btmrightcorner"></div>
    <div class="posts-stretch"></div>
</div></div>




<div id="footer">
<div class="topleftcorner"></div>
    <div class="toprightcorner"></div>
    <div class="footerstretch"></div>
    <div id="footercontent"> 
Powered by <a href="http://www.tumblr.com/" title="Get a Tumbeleog">Tumblr</a>. | <a href="http://rondedoos.tumblr.com">Ronde Doos</a> theme by <a href="http://www.gilesvg.com">Glies Van Gruisen</a>. Modified by <a href="http://toddj.com">Todd Jones</a>.</div>
    <div class="btmleftcorner"></div>
    <div class="btmrightcorner"></div>
    <div class="footerstretch"></div>
  </div>

<!--end pagination-->
</div>
{block:Twitter}
    <script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
</body>
</html>

web-design

3 Contributors
9 Replies
563 Views
1 Day Discussion Span
Latest Post 14 Years Ago Latest Post by techsheaven

techsheaven 45 Posting Pro in Training

14 Years Ago

Are you talking about the scrollbars? The code you pasted has elements I do not recognize. If I get the source from your website, it looks different and I can follow it. You must be using some tool to edit it.

What would you like to change?

harrierdh 0 Junior Poster in Training

14 Years Ago

As techsheaven said you need to send the source code as a view source from your browser or send a link. The code you sent earlier is some wierd tumblr stuff. But that is not what the browser sees.

Those {} variables are preprocessed on the serve before being sent out. They really mean nothing in this forum. Just click on View>Page Source and send that.

harrierdh 0 Junior Poster in Training

14 Years Ago

As techsheaven said you need to send the source code as a view source from your browser or send a link. The code you sent earlier is some wierd tumblr stuff. But that is not what the browser sees.

Those {} variables are preprocessed before being sent out and turned into actuall html/css. They really mean nothing in this forum. Just click on View>Page Source and send that.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

toddj 0 Newbie Poster · Answer 1 · 2010-01-19T01:34:22+00:00

I would like to change the fact that it doesn't seem to work in IE at all
the stuff in the curly brackets is tumblr specific, they are variables for the theme.
Here is how people in IE8 are seeing my site
http://dl.dropbox.com/u/496653/Images/ScreenShots/ScreenShot008.png
And I'm assuming it has something to do with my css maybe?

toddj 0 Newbie Poster · Answer 2 · 2010-01-19T02:05:40+00:00

Alright, i'll do it in pastebin so it doesn't take up any more space in the thread.
http://pastebin.com/m27df7d3d is what IE8 renders. It stops mid-code for some reason (and not always in the same spot).

http://pastebin.com/mb887c13 is how it displays in opera and firefox.

Sorry for the confusion

harrierdh 0 Junior Poster in Training · Answer 3 · 2010-01-19T02:40:06+00:00

For starters you need to clean up as many errors as you can. You have 79 validation errors. And perhaps more. This code aborts in IE6. I'm pretty sure it's in your http://twitter.com/javascripts/blogger.js. When I comment that out it runs but still looks bad. Go to the link below and type in your url. It's free, there is no registration. It will show you the errors.

You can't have 2 or more id= attributes (sidecontent) with the same name. These are unique. If you want to reference a group of items use the class= attribute, then you'll have to change your style sheet too.

Clean it up as best you can. Then we'll take another look.

http://validator.w3.org/

toddj 0 Newbie Poster · Answer 4 · 2010-01-19T03:43:33+00:00

Thanks for the tip, I just decided to scrap the twitter and tag cloud. They weren't all that useful and causing more problems than they were worth.
I managed to get it down to 14 errors, and 3 warnings. All of which are generated by tumblr things that are out of my control.

This has fixed my IE8 problem :)

techsheaven 45 Posting Pro in Training · Answer 5 · 2010-01-19T10:11:02+00:00

tddj:

I worked on your site a bit. Moved the CSS to an external sheet. It will need to be in the same directory as the html, you will have to change the link in the html, or paste it back in the html. I did this to make it easier to look at. I did not run either through a validator, but I see others helped you find the problem. The attached version renders in Opera, Firefox, Chrome, Safari, and IE. You'll have to finnish cleaning it up, but I got you started.

Good Luck!

techsheaven 45 Posting Pro in Training · Answer 6 · 2010-01-19T10:15:02+00:00

Another advantage to having CSS in a external style sheet is that you can validate they separately.

Try this for a text editor:
http://download.cnet.com/Notepad/3000-2352_4-10327521.html