Two little problems keep me up all night...
1. at the top of the page of my blog, i have a banner. if i use netscape, everything is fine - but with internet explorer, there are about 2 pixels below the banner which doesn't look great! how can i fix it?
this is the html- and css-code:
CODE
<div id="banner">
<a href="<$MTBlogURL$>" accesskey="1"><img border="0" src="http://tobistar.ch/archiv/images/topbanner.gif" width="450" height="60"></a>
</div>
<a href="<$MTBlogURL$>" accesskey="1"><img border="0" src="http://tobistar.ch/archiv/images/topbanner.gif" width="450" height="60"></a>
</div>
CODE
#banner {
font-family:georgia, verdana, arial, sans-serif;
color:#000;
font-size:10px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
background:#FFCC00;
padding:0px;
}
#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:georgia, verdana, arial, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
}
font-family:georgia, verdana, arial, sans-serif;
color:#000;
font-size:10px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
background:#FFCC00;
padding:0px;
}
#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:georgia, verdana, arial, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
}
2. at the right, there is this "navigation-column" with the entries "powered by MT" and "syndicate...". they have another background color than the rest of the page, but only to the right border they have "space" (i beg you pardon, i'm Swiss and sometimes i don't know the right words to express what i actually mean...
here's the code:
CODE
<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
CODE
.syndicate {
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
line-height:140%;
padding:2px;
margin-top:10px;
margin-left:15px;
text-align:center;
background:#EBEBEB;
}
.powered {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:bold;
border:1px dotted #CCC;
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing: .2em;
background:#FFF;
}
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
line-height:140%;
padding:2px;
margin-top:10px;
margin-left:15px;
text-align:center;
background:#EBEBEB;
}
.powered {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:bold;
border:1px dotted #CCC;
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing: .2em;
background:#FFF;
}
my blog's url: tobistar.ch
thank you very much,
tobi