Movable Type Community Forum > Template/Stylesheet Help

Ladiwingz

Dec 2 2003, 06:36 PM

Hi. I have been trying all day to get my blog done, and i have inserted and copied and deleted until i can't do anything else. I have movable type on my blog, and i have it set up in an inline frame. my blog is located here: My blog, click on journal. The inline frame that shows up has both a side scrollbar (which is fine) and a bottom scrollbar, which is getting on my nerves...lol. I can't seem to get it to go away. If anyone could help me, i would greatly appreciate it.

The below code is my css and my code for the blog.

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>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<title><$MTBlogName$></title>

<link rel="stylesheet" href="blog.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

<script language="javascript" type="text/javascript">
function OpenComments (c) {
window.open(c,
'comments',
'width=400,height=400,scrollbars=yes,status=yes');
}

function OpenTrackback (c) {
window.open(c,
'trackback',
'width=400,height=400,scrollbars=yes,status=yes');
}
</script>
</head>

<body>
<table width="95%">
<tr>
<td>
<div id="content">

<div class="blog">

<MTEntries>
<$MTEntryTrackbackData$>

    <MTDateHeader>
    <h2 class="date">
    <$MTEntryDate format="%x"$>
    </h2>
    </MTDateHeader>

    <div class="blogbody">

    <a name="<$MTEntryID pad="1"$>"></a>
    <h3 class="title"><$MTEntryTitle$></h3>

    <$MTEntryBody$>

    <MTEntryIfExtended>
    <span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></span><br />
    </MTEntryIfExtended>

    <div class="posted">Posted by <$MTEntryAuthor$> at <a href="<$MTEntryPermalink$>"><$MTEntryDate format="%X"$></a>
    <MTEntryIfAllowComments>
    | <a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>" onclick="OpenComments(this.href); return false">Comments (<$MTEntryCommentCount$>)</a>
    </MTEntryIfAllowComments>
    <MTEntryIfAllowPings>
    | <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
    </MTEntryIfAllowPings>
    </div>

    </div>


</MTEntries>

</div>

</div>

</td>
</tr>
</table>
</body>
</html>

CODE

    body {
margin:20px 20px 20px 20px;
background:#333;
}
    A { color: #CCCC66; text-decoration: none; }
    A:link { color: #CCCC66; text-decoration: none; }
    A:visited    { color: #CCCC66; text-decoration: none; }
    A:active    { color: #FFFF99; }
    A:hover { color: #FFFF99; }

    h1, h2, h3 {
margin: 0px;
padding: 0px;
    }

    #banner {
font-family:verdana, arial, sans-serif;
color:#CC9933;
font-size:x-large;
font-weight:bold;
background:#333;
padding-left:15px;
}

    #banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:verdana, arial, sans-serif;
font-size: x-large;
color: #CC9933;
text-decoration: none;
}

    .description {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:small;
font-weight:bold;
background:#333;
text-transform:none;
letter-spacing: none;
}

    #content {
float:left;
width:65%;
background:#333;
margin-right:15px;
margin-bottom:20px;
}

    #links {
background:#333;
color:#CCC;
margin-top:35px;
}

    .blog {
padding-left:15px;
padding-top:15px;
padding-right:15px;
}

    .blogbody {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
padding:10px;
}

    .blogbody a,
    .blogbody a:link,
    .blogbody a:visited,
    .blogbody a:active,
    .blogbody a:hover {
font-weight: normal;
text-decoration: underline;
    }

    .title {
font-family: verdana, arial, sans-serif;
font-size: small;
color: #CCC;
text-transform: uppercase;
font-weight:bold;
}

    #menu {
margin-bottom:10px;
background:#333;
font-family: verdana, arial, sans-serif;
font-size:small;
font-weight:bold;
}

    .date    {
font-family:verdana, arial, sans-serif;
font-size: normal;
color: #999;
font-weight:bold;
text-transform:uppercase;
margin-top:10px;
border-bottom:1px solid #666;
}

    .posted    {
font-family:verdana, arial, sans-serif;
font-size: x-small;
color: #999;
}

    .calendar {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
padding:5px;
}

    .calendarhead {
font-family:verdana, arial, sans-serif;
color:#CC9933;
font-size:x-small;
font-weight:bold;
background:#333;
line-height:140%;
}

    .side {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:x-small;
font-weight:normal;
background:#333;
line-height:140%;
}

    .sidetitle {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:x-small;
font-weight:bold;
background:#333;
line-height:140%;
padding:2px;
margin-top:10px;
border-bottom:1px solid #666;
text-transform:uppercase;
letter-spacing: .2em;
}

    .syndicate {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
font-weight:bold;
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
background:#333;
     }

    .powered {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:xx-small;
font-weight:bold;
border-top:1px solid #666;
border-bottom:1px solid #666;
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing: .2em
}


    .comments-body {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;
}

    .comments-post {
font-family:verdana, arial, sans-serif;
color:#999;
font-size:x-small;
font-weight:normal;
background:#333;
     margin-bottom:25px;
border-top:1px dashed #666;
}

    .comments-head    {
font-family:verdana, arial, sans-serif;
font-size: small;
color: #CCC;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #666;
}

    .trackback-body {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;
padding-top:15px;
}

    .trackback-url {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;
padding:5px;
border:1px dashed #999;
}

    .trackback-post {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:x-small;
font-weight:normal;
background:#333;
margin-bottom:20px;
}

    #banner-commentspop {
font-family:verdana, arial, sans-serif;
color:#CC9933;
font-size:large;
font-weight:bold;
background:#333;
padding-left:15px;
}

Thanks a bunch!!

kadyellebee

Dec 2 2003, 09:55 PM

Did you get this fixed already? I'm not seeing a bottom scrollbar in Mozilla Firebird, even when I resize my browser to less than 800x600.
If you aren't going to have a sidebar on this inner frame, you can probably modify the #content section to not have a width in it. That could be causing you problems.

Kristine

Ladiwingz

Dec 3 2003, 05:54 AM

Hi Kristine. Thanks for replying. I have removed the width tag from the content section, and a bottom scrollbar still shows up. I am using IE 6, on a screen resolution of 1024X768. A friend of mine has a screen resolution of 800 X 600, and she sees the bottom scrollbar too. I don't have it on any other pages, so I'm not exactly sure what the problem is. If i have to deal with it, i guess i will...lol. Thanks sweetie!!