Wed, 2005-02-23 13:32
I modified several of my blogger blogs, and recently they all leave out the sidebar when viewing in all pc based IE. I have mac 5.2 and it has a few quirks, but nothing I can't figure out.
I am new to web design, so I don't quite know what happened or where to begin looking for answers in the forum.
to see the blogs:
http://artiswork.org/blog
or
http://famdamilynews.blogspot.com
I tried twice to attach the head, but it wasn't showing up, so
here it is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<$BlogMetaData$>
<style type="text/css">
body {
background:#679100;
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color:#9FDE00;
text-decoration:none;
}
a:visited {
color:#9FDE00;
text-decoration:none;
}
a:hover {
color:#C2C2C2;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
----------------------------------------------- */
#header {
width:720px;
margin:0 auto 10px;
border:0px solid #333;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:0px solid #00357A;
border-width:0px 0px 0;
font-size:200%;
line-height:1.2em;
color:#ccc;
text-transform:uppercase;
letter-spacing:.2em;
}
#blog-title a {
color:#ccc;
text-decoration:none;
}
#blog-title a:hover {
color:#ad9;
}
#description {
margin:0 30px 30px;
padding:10px 20px 20px;
border:1px solid #00002E;
border-width: 0px 0px 20px;
font:120%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#000023;
}
/* Content
----------------------------------------------- */
#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:410px;
float:left;
}
#sidebar {
width:220px;
float:right;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:bold 130%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#DEDEDE;
}
/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 0 .5em;
font-size:60%;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #DEDEDE;
padding-bottom:1.5em;
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:155%;
line-height:1.4em;
color:#ad9;
}
.post-title a {
text-decoration:none;
color:#000023;
}
.post-title a:hover {
color:#fff;
}
.post div {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-.25em 0 0;
color:#333;
}
.post-footer em, .comment-link {
font:75%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#000023;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border: 0px solid #222;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #DEDEDE;
list-style:none;
}
#sidebar li {
margin:0;
padding:0 0 .25em 45px;
text-indent: -15px;
line-height:1.5em;
}
#sidebar p {
color:#999;
line-height:1.5em;
}
/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #444;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #222;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
}
#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
/* Conditional Tags
----------------------------------------------- */
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
</style>
</head>
