« Changing the color of my blog | Main | Short Ramble: Why does Cash have to spoil Webmastering fun? »
December 09, 2004
Movable Type display problem in Mozilla browser
The default Movable Type template, or close variations of it, will not display your header section properly in the Mozilla browser.
If you use a description in your blog, below the title, you'll find that it shows incompletely in the Mozilla browser. Only the top of the characters are shown.
This is annoying but the fix is simple.
The offending piece of code is in the CSS template that comes with your Movable Type blog (its last in the list of templates). Open up that template and scroll or search till you find the section that begins with #banner as below:
#banner {
font-family: Arial, Verdana, sans-serif;
color: #C6BDF8; /* color for sub-heading */
background-color: #385E0F; /* 8-12-04 added dark green */
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 135px;
}
Change the last line of this code from: height: 135px; to height: auto;
That's it! That's all you need to do.
Once you've done that, the header description will show correctly in Mozilla and the appearance will be unchanged in Internet Explorer.
Posted by onelukey at December 9, 2004 02:22 PM
Trackback Pings
TrackBack URL for this entry:
http://www.pacemake.com/mt/mt-tb.cgi/12